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

时间:2013-01-22 10:06:40

标签: javascript hover highcharts highlight

当我用鼠标悬停一个点时,该点会突出显示。是否有可能突出整个系列而不是单点? 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]],
            }]
        });
    });

});

1 个答案:

答案 0 :(得分:3)

您可以按照api:

中的描述更改系列的线宽
  

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

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