Home Forums Report Bugs Step Line with Round Corners

Step Line with Round Corners

Viewing 9 posts - 1 through 9 (of 9 total)
  • #14927

    Take a look at this fiddle please: http://jsfiddle.net/cristiscu/1hmmg7fb/2/

    If I am not mistaken, last two lines should change the lineCap and linePad properties of a HTML canvas element (see this). However, I still get square corners instead.

    Thanks,
    Cristian

    #14928

    correction: lineCap and lineJoin.

    #14930

    @cristiscu

    After setting lineCap and lineJoin properties, you need to re-render the chart. You can do so by calling chart.render() again or you can set those properties before first render. Please, take a look at this fiddle.

    —-
    Bivek Singh

    #14932

    Thanks, Bivek. I thought I tried this but you are right…

    #14943

    One other related question please (to avoid opening a new thread):

    Is it possible to show only the horizontal lines in a Step Line?

    The feature is common in some other apps and it is sometimes referred to as Jump Line.

    Thanks,
    -Cristian

    #14960

    Cristian,

    You can achieve this by adding null dataPoints in the stepLine chart, as shown in this example.

    ___
    Suyash Singh
    Team CanvasJS

    #14994

    Thanks, Suyash.

    #15517

    Just so you know, guys (a very small issue)…

    Going back to Bivek’s fiddle, it seems the lineCap/Join does not work with animation. Try adding “animationEnabled: true”: http://jsfiddle.net/cristiscu/1hmmg7fb/5/

    Cheers,
    Cristi

    #15544

    @cristiscu,

    Providing user control for lineCap/lineJoin is on our roadMap but there is not a specific timeline for it yet. That was just a work-around which won’t work when animation is enabled.

    —-
    Bivek Singh,
    Team CanvasJS

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.