Line Area Shading

[Mazen Chami]

Hello,

Is it possible to have a shaded area that doesn't go all the way down to zero?

I'm looking to have a a multi-line chart with a shaded area, i.e. from the attached image, the light grey line (lowest line) should be shaded down to 45 and not 0.

-Mazen

[Srishti Jaiswal]

Hi Mazen,

You can plot multiple line charts along with area chart using our "mscombi2d" chart type. The area chart will go down to the value mentioned in the "yAxisMinValue" attribute (which is 45 in the below sample).

Reference sample: http://jsfiddle.net/srishti_fc/jko30Lcx/

Hope this will help.

Thanks,

Srishti Jaiswal

[Mazen Chami]

Hi Srishti,

Thank you for the feedback. Is the "yAxisMinValue" only a number? or can it be a range? i.e. if my min value is variable based on each x index?

-mazen

[Mazen Chami]

Also, is there the possibility to have a different min y shading value as the charts? I would like there to be some "padding" so the user can see maybe another tick (i.e. area low is 45, and chart low is 40)

[Srishti Jaiswal]

Hi Mazen,

"yAxisMinValue" accepts only a fixed numeric value. However, you can use "setAdaptiveYMin" attribute to let the y-axis lower limit adapt itself to the data values provided to the chart. To do so, set the setAdaptiveYMin attribute to 1.

Please note: setAdaptiveYMin will work only when yAxisMinValue is not explicity mentioned.

 

For your second query, as of now it is not supported to define the lower bounds of the area chart hence it will go down to the value mentioned in the "yAxisMinValue" attribute or any other value assumed by the Y axis (in case of setAdaptiveYMin).

 

Documentation link:-

Set Chart Limits Explicitly: https://www.fusioncharts.com/dev/chart-guide/chart-configurations/chart-limits#set-chart-limits-explicitly

Set Y-axis Minimum value: https://www.fusioncharts.com/dev/chart-guide/chart-configurations/chart-limits#set-y-axis-minimum-value

 

Hope this will help.

Thanks,

Srishti Jaiswal