Stacked step area

[termite]

Can I produce a stacked step area chart?

[Bivek Singh]

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

[Michaelp]

+1 for stacked stepArea charts.

[Michaelp]

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

[Michaelp]

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

[Indranil]

@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

[Michaelp]

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?

[Indranil]

@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

[Michaelp]

Thanks Indranil. That works well. :-)