Javascript Highcharts用于填充面积图的两种颜色

Javascript Highcharts用于填充面积图的两种颜色,javascript,highcharts,Javascript,Highcharts,我想要一个类似于一个负阈值的颜色 我想要什么 我试过各种各样的方法 我得到了什么 我似乎找不到一个能给我想要的东西的属性,但这似乎是一个如此简单的概念,我觉得一定有什么我遗漏了。有什么想法吗?好吧,实际上,没有办法这么做 我认为有两种方法。一种是使用多个系列。这可能会变得复杂,因为您必须找出在x轴点之间放置穿过y轴阈值的点的x值的位置 示例: 另一种方法是尝试利用渐变填充来实现这一点,但我没有这方面的示例,确定渐变的停止值可能也很复杂。我最初研究了渐变填充方法,但正如您所说,找到正确的

我想要一个类似于一个负阈值的颜色

我想要什么

我试过各种各样的方法

我得到了什么


我似乎找不到一个能给我想要的东西的属性,但这似乎是一个如此简单的概念,我觉得一定有什么我遗漏了。有什么想法吗?

好吧,实际上,没有办法这么做

我认为有两种方法。一种是使用多个系列。这可能会变得复杂,因为您必须找出在x轴点之间放置穿过y轴阈值的点的x值的位置

示例


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

我最初研究了渐变填充方法,但正如您所说,找到正确的停止值相当困难。我喜欢您的多系列示例,并认为我可以使用它,但我希望避免使用多系列“hack”使事情“看起来正确”。哦,好吧。非常感谢。
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,
        }]