[linchart] multiple background color

Question

Hi!I'd like to have multiple background color in one linechart.How can I do?

Sriram Kiran Senthilkumar · Answer

Hi Soojin Yoon, 

Greetings from Syncfusion. We have analyzed your query at our end, and we are sorry that, we are not exactly sure on what you have proposed in your query. However, we suspect that you are requesting on any of the following things. 
1.       Whether you need to apply gradient for the line series in the chart. If so, then you can use the onCreateShader callback available in our chart widget to apply gradient shader for the line series in the chart. Please check the sample and user guide below for further reference. 
a.       Sample: https://flutter.syncfusion.com/#/cartesian-charts/chart-types/line/line-zone 
b.       User guide: https://help.syncfusion.com/flutter/cartesian-charts/series-customization#gradient-based-on-values 
2.       Whether you need to split apply different background colors in the chart based on the series ranges. If so, then you can use the PlotBand feature available in the chart to achieve it. Please check the sample and user guide for further reference. 
a.       Sample: https://flutter.syncfusion.com/#/cartesian-charts/axis-features/plot-band 
b.       User guide: https://help.syncfusion.com/flutter/cartesian-charts/axis-customization#plot-bands 
3.       Whether you need to apply background color for plot area. If so, then you can use the plotAreaBackgroundColor property of the chart widget to set the background color for the chart’s plot area.  
a.       User guide: https://help.syncfusion.com/flutter/cartesian-charts/chart-appearance#plot-area-customization 

Also, if you think that we have misunderstood your query, we kindly request you share us with more information on your requirements in detail along with example screenshots so that it will be helpful in further analysis to provide the solutions sooner. 

Regards, 
Sriram Kiran