highcharts - 如何在 Highchart 的每一列下方显示工具提示数据？

Question

当我将鼠标悬停在其上时，highchart 中的工具提示数据可见，工具提示有一些我想显示的数据，例如在 x 标签所在的列下方，现在它显示 0、1、2 等等。

我正在使用图表来比较时间段，所以在每一列下我想从工具提示中添加数据。它可能是我在每列下方比较的 2 个日期，一张图片对您有帮助，但我还不是值得信赖的 stackoverflow 用户。

Answer 1

使用 a 的示例datetime xAxis type：

小提琴：

• http://jsfiddle.net/jlbriggs/1bs6vL3t/

代码：

在 xAxis 属性中，将类型指定为datetime：

xAxis: {
  type: 'datetime'
},

在系列中，将您的 x 值指定为日期（使用 Date.UTC() 方法，或直接指定纪元时间）

series: [{
  data: [
    [Date.UTC(2016, 05, 6), 3],
    [Date.UTC(2016, 05, 13), 5],
    [Date.UTC(2016, 05, 20), 4],
    [Date.UTC(2016, 05, 27), 7],
    [Date.UTC(2016, 06, 4), 6],
    [Date.UTC(2016, 06, 11), 9],
    [Date.UTC(2016, 06, 18), 7],
    [Date.UTC(2016, 06, 25), 5]
  ]
}]

输出：

并且，使用类别的替代版本：

• http://jsfiddle.net/jlbriggs/1bs6vL3t/2/

通常，在处理时间序列数据时，datetime最好使用。在某些情况下，各种情况会使其效果降低，在这种情况下categories可能是一个有用的替代方案。

{{ Edit }} 重新阅读您的评论后，这是另一个版本，使用类别，可能更像您正在寻找的内容：

• http://jsfiddle.net/jlbriggs/1bs6vL3t/5/

这也可能是 Grouped Categories 插件的情况：

• http://www.highcharts.com/plugin-registry/single/11/Grouped-Categories