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

Question

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

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

Answer 1

使用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可能是一种有用的替代方案。

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

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

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

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