Zones for Series

[hp1361]

Good Morning,

Is it possible to define the zones on the column chart?

I want to display columns with values less than 2 in red and columns with values greater than 2 to be displayed in blue.

But in the series property, there is only one zone possible to define!

Please guide me

thanks

[pmrozek]

Please check the example:
http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/css/color-zones/

[hp1361]

If you use javascript directly, you are right
But I mean, using TagHelper in .NET Core. in the series property, there is only one zone possible to define!

[pmrozek]

In the new version you can define more zones (5.0.14):

@Html.Highsoft().Highcharts( new Highcharts { Title = new Title { Text = "Styled color zones" }, YAxis = new List <YAxis>() { new YAxis() { Min = -10 } }, PlotOptions = new PlotOptions { Areaspline = new PlotOptionsAreaspline { Zones=new List<PlotOptionsAreasplineZone>() { new PlotOptionsAreasplineZone() { Value = 0, ClassName = "zone-0" }, new PlotOptionsAreasplineZone() { Value = 10, ClassName = "zone-1" }, new PlotOptionsAreasplineZone() { Value = -10, ClassName = "zone-2" } } } }, Series = new List<Series> { new AreasplineSeries { Name = "Data", Data = @ViewBag.Data as List<AreasplineSeriesData> } } } , "container")