Highcharts两种颜色填充区域图表

时间:2014-06-13 22:07:13

标签: javascript highcharts

我想要的是如何为负阈值设置颜色。

我想要什么

enter image description here

我已尝试过各种各样的事情:http://jsfiddle.net/snlckers/rtGEX/1/

plotOptions: {
            area: {
                fillColor: 'green',
                negativeFillColor: 'yellow',
                lineColor: 'red',
                marker: {
                    enabled: false,
                    symbol: 'circle',
                    radius: 2,
                    states: {
                        hover: {
                            enabled: true
                        }
                    }
                }
            }
        },
        legend: { enabled: false, },
        series: [{
            data: [50, 60, 55, 120, 83, 45, 55, 50, 130, 110, 115, 40],

            threshold: 75,
        }]

我得到了什么

enter image description here

我似乎无法找到一个可以给我我想要的东西,但这似乎是一个简单的概念,我觉得必须有一些我不知道的东西。有什么想法吗?

1 个答案:

答案 0 :(得分:2)

AFAIK实际上没有选项可以做到这一点。

我认为有两种方法。一种是使用多个系列。这可能会变得复杂,因为你必须弄清楚在x轴点之间的y轴阈值的点的x值。

example

另一种方法是尝试利用渐变填充来实现这一点,但我没有这方面的例子,并且确定渐变的停止值也可能很复杂。