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

Question

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

我正在使用图表比较时间段，因此我想在每一列下添加工具提示中的数据。它可能是我在每列下方比较的 2 个日期，一张图片会对您有所帮助，但我还不是受信任的 Whosebug 用户。

Answer 1

使用 datetime xAxis type:

的示例

Fiddle:

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 可能是一个有用的选择。

{{ 编辑 }} 在 re-reading 你的评论之后，这里有另一个版本，使用类别，可能更像你正在寻找的：

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

分组类别插件可能也是这种情况：

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

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

How to show tooltip data below each column in Highchart?

tooltip

highcharts

column-chart