database - Highcharts 工具提示中的滚动条

Question

我在 highcharts 条形图的工具提示中有很多数据。每个工具提示数据有大约 50-60 行，完整的工具提示无法显示在图形容器中。为了查看所有内容，我想要工具提示中的滚动条。可能吗？

这是代码示例。

Working jsFiddle example

这是工具提示代码。不知道在哪里添加滚动条代码。

tooltip: {
  useHTML: true,
  pointFormatter: function() {
    var string = '';
    Highcharts.each(toolTip[this.series.data.indexOf(this)], function(p) {
      string += p + '</a><br>'
    })
    return "Incident<br>" + string + "<br />";
  }
}

Answer 1

只需添加以下 CSS:

.highcharts-tooltip>span {
   max-height:100px;
   overflow-y: auto;
}

但是，工具提示的自动关闭会出现问题。您可能需要调整 Highcharts 的事件。