javascript - 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 后附加 % 符号，但您可以这样做。