What would be the best way to plot a line graph with shaded error bands, such as the following image? Would you do it by combining a line chart with a ranged area chart?

@plotter, Yes, you can achieve the above requirement by combining rangeArea with line chart along with setting the lineThickness of the rangeArea to 0. Please take a look at this JSFiddle. ___________ Indranil Deo Team CanvasJS

Plotting chart with shaded error bands

This topic has 2 replies, 2 voices, and was last updated 3 years, 9 months ago by Plotter.

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

Tagged: area, error, Line

July 17, 2020 at 1:38 am #29868

Plotter

What would be the best way to plot a line graph with shaded error bands, such as the following image?

Would you do it by combining a line chart with a ranged area chart?

July 17, 2020 at 5:03 pm #29878

Indranil

@plotter,

Yes, you can achieve the above requirement by combining rangeArea with line chart along with setting the lineThickness of the rangeArea to 0. Please take a look at this JSFiddle.

___________
Indranil Deo
Team CanvasJS

July 18, 2020 at 2:38 am #29881

Plotter

Thank you, Indranil!