Home forums Using CanvasJS Stacked step area

This topic contains 8 replies, has 4 voices, and was last updated by  Michaelp 7 months, 1 week ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #13169

    Can I produce a stacked step area chart?

    #13173

    Termite,

    I’m sorry but we don’t have stacked stepArea chart as of now. But you can use this workaround.

    Bivek Singh,
    Team canvasjs

    #23901

    +1 for stacked stepArea charts.

    #23902

    Dear Bivek,

    How can I use contentFormatter to display the “real” y value for the first dataseries?

    For example, in your workaround, how to display “10” for the first datapoint of the first dataseries, rather than “22”?

    Kind regards,

    Michael

    #23908

    In regards to my previous comment, I mean display “10” in the tooltip.

    #23914

    @michael-pigott,

    Please take a look at this improved version of the previous example with toolTip formatted to show the actual Y value.

    ___________
    Indranil Deo,
    Team CanvasJS

    #23946

    Thanks Indranil. It is a bit more complicated than I expected. How would you go about adding a line chart to your improved version. Do I have to add another function and data array to push the data into the object?

    #23975

    @michael-pigott,

    Please take a look at this jsfiddle. The dataSeries under the chart type “stepArea” are used for plotting the Stacked Step Area Chart.

    ___________
    Indranil Deo,
    Team CanvasJS

    #24015

    Thanks Indranil. That works well. :-)

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

You must be logged in to reply to this topic.