Javascript Highcharts-悬停上方x坐标之间的不同填充颜色

我正在使用一个简单的面积图，我希望在悬停在它上面时有两种不同的填充颜色，这样图表在悬停点x值的左侧为红色，右侧为蓝色

我知道这就是你如何在事件上用鼠标悬停和鼠标悬停抓取x和y值的方法：

        series: {
            point: {
                events: {
                    mouseOver: function() {
                        console.log('x: '+ this.x +', y: '+ this.y);
                    }
                }
            },
            events: {
                mouseOut: function() {
                    console.log(this);
                }
            }
        }

我似乎找不到一种方法来添加一个不同的填充颜色从x值一旦你在面积图上悬停。阈值和negativeFillColor是一个很好的解决方案，只有当我考虑用y值来实现这个效果时，但是有没有什么方法可以让negativeFillColor/Threshold这样的东西在x值范围内工作

---

谢谢

正如塞巴斯蒂安所说，你必须使用2系列，第一个系列的结尾是第二个系列的开头

在第一个系列和第一个颜色必须结束的地方，用空值制作第二个系列，直到它必须开始新的颜色

然后在鼠标悬停事件中，您可以更改图表的颜色，其显示方式如下：

像这样：

   plotOptions: {
        area: {
            lineWidth: 0
        },
        series: {
            point: {
                events: {
                    mouseOver: function() {
                        //change color
                    }
                }
            },
            events: {
                mouseOut: function() {
                    ///change color
                }
            }
        }
    },
    series: [            
    {
        data: [10, 9, 8, 7, 6],
    },{
        data:[null,null,null,null,6, 5, 4, 3, 2, 1, 0]
    }    

---

所以点上的标记圆，应该是左边的蓝色，右边的红色？不，面积图中的整个填充颜色应该是左边的蓝色，右边的红色。。。根据悬停点，我想做的是：所以你需要使用两个系列，它们有不同的颜色。谢谢，对于静态图表，我理解这一点。但是我怎样才能使这两种不同的阴影只出现在鼠标上呢？我明白了，但是我怎样才能使这只出现在鼠标上呢？我想做的是让图表保持原样，但只有当你在某个点上悬停时，你才能看到这两个不同的阴影？