HighCharts：类别值重复。工具提示未显示正确的日期

Question

我正在使用 highchart.js 绘制散点图。

X 轴：“服务器”[服务器列表“17.0.0.1”、“17.0.0.2”、“17.0.0.3”、“17.0.0.4”。 Y 轴：“DateTime”{过去 5 天，间隔为 6 小时}

基本上，服务器在给定的一天会多次刷新，数据会被捕获并保存到数据库中。 图表将读取数据库表数据并绘制图表。

现在，为了简单起见，我已经硬编码并显示在这里。

这里是 JSBIN 的链接。 http://jsbin.com/joxacen/2/edit?js,output

1. 类别“17.0.0.3”和“17.0.0.4”重复。我不希望这种情况重演。如何解决这个问题？请查找重复值的图像。
2. 以下日期未为服务器 17.0.0.1 绘制 ['Server 17.0.0.1', Date.UTC(2016, 5, 2, 20, 0, 0)], //不画 6 月 2 日 ['Server 17.0.0.1', Date.UTC(2016, 5, 4, 11, 0, 0)], //6 月 4 日未绘制
3. 工具提示显示一些垃圾数据。理想情况下，它应该显示日期。

Answer 1

发生这种情况是因为您的系列数据数组包含按该顺序（重复）的服务器。所以它会覆盖xAxis.categories 设置。要使用预定义的类别执行此操作，请将数据数组中的 x 值条目更改为所需类别中服务器的索引：

series: [{
  name: 'In-Correct Server Refresh',
  color: 'rgba(223, 83, 83, .5)',
  data: [
         [0,   Date.UTC(2016,  5, 2, 10, 0, 0)],
         [0,   Date.UTC(2016,  5, 2, 20, 0, 0)], //not painted june 2nd
         [1,   Date.UTC(2016,  5, 4, 10, 0, 0)],
         [0,   Date.UTC(2016,  5, 4, 11, 0, 0)], //not painted june 4th
         [2,   Date.UTC(2016,  5, 4, 17, 0, 0)],
         [3,   Date.UTC(2016,  5, 4, 11, 30, 0)],
         [3,   Date.UTC(2016,  5, 4, 12, 0, 0)]
        ]   
}, {
  name: 'Correct Server Refresh',
  color: 'rgba(119, 152, 191, .5)',
  data: [
         [1,   Date.UTC(2016,  5, 3, 5, 0, 0)],
         [1,   Date.UTC(2016,  5, 3, 12, 0, 0)],
         [1,   Date.UTC(2016,  5, 3, 17, 0, 0)],
         [0,   Date.UTC(2016,  5, 5, 18, 0, 0)],
         [2,   Date.UTC(2016,  5, 5, 18, 0, 0)]
        ]
}]

您的工具提示的问题是您的属性位于plotOptions 下的无效位置。它需要位于plotOptions.scatter 内或图表对象的根目录中。请参阅此示例fiddle。我不知道你为什么在你的服务器 IP 后面附加 % 符号，但是你去了。