Highcharts - 在悬停时用散点图中的线连接点

时间:2014-08-18 01:14:13

标签: highcharts

我在Highcharts中有一个散点图,当我将鼠标悬停在一个点上时,我想用一条线连接点。

这可能吗?

1 个答案:

答案 0 :(得分:2)

您可以使用将lineWidth设置为2的散布系列,然后隐藏SVG路径(线)并捕捉mouseOver / mouseOut事件以操纵图形。

示例:

http://jsfiddle.net/sbochan/t96cds7o/3/

plotOptions: {
            series: {
                point: {
                    events: {
                        mouseOver: function () {
                            this.series.graph.show();
                        }
                    }
                },
                events: {
                    mouseOut: function () {
                        this.graph.hide();
                    }
                }
            }
        },

 // callback
 setTimeout(function(){
        chart.series[0].graph.hide();
 },1);