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;
}

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

Answer 2

.highcharts-tooltip {
    pointer-events: auto !important;
}

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

set overflow-y 和 pointer-events 可以在 PC 上滚动。但在移动设备上，点击工具提示会发生变化。