Question

我希望高图能够以这种方式表现：加载图表后，不会立即显示工具提示。首次单击按钮时，将显示第一个数据点的工具提示;当第二次单击该按钮时，第一个数据点的工具提示消失，并显示第二个数据点的工具提示等。需要显示工具提示而不将鼠标悬停在数据点上。在整个过程中，图表不应该是交互式的。

在显示最后一个数据点后单击按钮后，将启用所有工具提示。

我试图使用tooltip.refresh（point）和hide（），但没有成功。

Answer 1

禁用该系列的鼠标跟踪，并使用tooltip.refresh(point)和tooltip.hide

var i = -1;

$('#show-tt').on('click', function() {
   var points = chart.series[0].points;
   chart.tooltip.hide();
   chart.tooltip.refresh(points[++i % points.length]);
});


var chart = Highcharts.chart('container', {
  series: [{
    enableMouseTracking: false,
    data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
  }]
});

示例：http://jsfiddle.net/sfty1xd7/

如何在加载图表后显示单个工具提示？

1 个答案: