angularjs - 无法悬停在 Highcharts 平行坐标图中的每条线上

Question

我已经使用 Highcharts链接实现了平行坐标图，但无法悬停在每条线上。相反，它悬停在其他点上。

Answer 1

此问题已在 Highcharts GitHub 上报告：https ://github.com/highcharts/highcharts/issues/9054

要解决此问题，您可以禁用 Highchartstooltip和enableMouseTracking选项并将您自己的事件添加到行中：

    var lines = $('.highcharts-series path');

    lines.on('mouseover', function(e) {
        var series,
            result = '',
            i;

        for (i = 0; i < chart.series.length; i++) {
            if (chart.series[i].graph.d === this.getAttribute("d")) {
                series = chart.series[i];
                i = chart.series.length;
            }
        }

        Highcharts.each(series.points, function(p) {
            result += p.category + ' ' + p.y + '<br>'
        });

        $("#tooltip").html(result);
    });

现场演示：https ://jsfiddle.net/BlackLabel/so52apLn/