1

我正在使用一个简单的面积图，一旦您将鼠标悬停在它上面，我希望有两种不同的填充颜色，以便图表在左侧为红色，在悬停点的右侧为蓝色（当前颜色） x 值。

http://jsfiddle.net/PSdwb/6/

我看到这就是您了解事件并通过鼠标悬停和鼠标移出获取 x 和 y 值的方式：

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

一旦您将鼠标悬停在面积图上，我似乎无法找到一种方法来添加与 x 值不同的填充颜色。Threshold 和negativeFillColor 是一个很好的解决方案，只有当我想用y 值做这个效果时，但是有没有什么办法可以让诸如negativeFillColor/threshold 之类的东西适用于一系列x 值？

谢谢

4

1 回答 1

0

正如塞巴斯蒂安所说，你必须使用 2 系列，第一个结束第二个开始。

Maje 第一个系列，第一个颜色必须结束，第二个系列使用空值，直到它必须开始新颜色。

然后在 mouseOver 事件中，您可以按照此链接中的说明更改图表的颜色：

像这样：

   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]
    }
于 2013-08-07T12:41:16.113 回答