javascript - 如何显示所有工具提示在具有多个系列的图形中拆分

Question

我有下图:Highcharts Demo

当图表较小时(因为屏幕较小，小于1024x768)，部分工具提示默认隐藏。无论图表的大小如何，我都想在每一列中显示所有工具提示。该示例显示 5 个工具提示，但应显示 7 个工具提示。有什么办法可以改变这种行为吗？

tooltip: {
  valueSuffix: '°C',
  split: true,
  enabled: true,
  padding: 2,
  useHTML: true,
  pointFormatter: function () {                    
    return '<span style="color:'+this.series.color+'">'+this.series.name+'</span>: '+this.y
  }
}

Answer 1

为了节省空间，使用共享而不是拆分工具提示。我还制作了工具提示 svg 而不是 html。缩放似乎效果更好。

  tooltip: {
    valueSuffix: '°C',
    split: false,
    shared: true,
    enabled: true,
    padding: 2,
    useHTML: false,
    pointFormatter: function() {
      return '<span style="color:' + this.series.color + '">' + this.series.name + '</span>: ' + this.y + '<br/>'
    },

https://jsfiddle.net/blaird/go1eem4h/1/ },