如何在HighChart中为非绘图区域设置颜色

时间:2017-08-24 07:18:20

标签: jquery ruby-on-rails charts highcharts

enter image description here

我使用HighChart创建了此图形,但它没有显示具有最大值的灰色。我想在我的图表中设置这个,我该怎么做?

目前我的图表显示为

enter image description here

1 个答案:

答案 0 :(得分:1)

您可以在xAxis上使用plotbands或添加其他columnrange系列。看看我为你准备的例子,如果有任何问题,请随时提出。

API参考:
http://api.highcharts.com/highcharts/xAxis.plotBands
http://api.highcharts.com/highcharts/series%3Ccolumnrange%3E
http://api.highcharts.com/highcharts/series%3Ccolumn%3E.grouping

示例:
http://jsfiddle.net/5sujjcz0/ - 使用情节乐队
http://jsfiddle.net/wh14dwe9/ - 使用其他系列