Highcharts - 带“线”型极坐标图的负色

时间:2016-01-19 12:02:35

标签: javascript highcharts

我正在尝试使用不同的颜色来表示“line”类型的极坐标图中的负值。

说这不起作用是不对的? 这绝对是api的支持。非常基本的例子here

1 个答案:

答案 0 :(得分:0)

您可以尝试的一个想法是将区域系列覆盖在负值上,然后将该区域的不透明度设置小于100%。

因此,例如,如果您的线条为蓝色,则覆盖具有白色背景的区域,将该区域设置为20%不透明度,结果将是负值中较浅的蓝线。

以下是如何使用该区域系列的值:

color: '#FFFFFF', 
data: [ -1, -1, ... etc. for however many values you have in the chart ], 
fillOpacity: 0.2, /* 20% opacity */
lineWidth: 0, /* no borders for your area */
showInLegend: false, /* keeps the series from showing up in your legend */
type: 'area', 
zIndex: 1 /* set this higher than your lines so the area appears over them */

只是一个想法,但我希望它有所帮助!