javascript - 用鼠标悬停时突出显示整个系列

Question

当我用鼠标悬停一个点时，该点会突出显示。是否可以突出整个系列来代替单点？jfiddle中的一个例子：

$(function () {
    var chart;
    $(document).ready(function() {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container'
            },
            series: [{
                type: 'line',
                data: [[0, 1.11], [1, 4.51], [2, 4]],
            },{
                type: 'line',
                data: [[0, 2.11], [1, 3.51], [2, 2]],
            }]
        });
    });

});

Answer 1

您可以更改系列的线宽，如 api 中所述：

http://api.highcharts.com/highcharts#plotOptions.series.states.hover.lineWidth

plotOptions: {
            series: {
                states: {
                    hover: {
                        enabled: true,
                        lineWidth: 5
                    }
                }
            }
        },