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

Question

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

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

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

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

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

重复类别“17.0.0.3”和“17.0.0.4”。我不想让这件事重演。如何解决这个问题？请找到重复值的图像。
以下日期未为服务器 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 日未绘制
工具提示显示了一些垃圾数据。理想情况下它应该显示日期。

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 后附加 % 符号，但你去吧。

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

HighCharts: Category values are repeated. Tooltip not showing the correct date

javascript

highcharts

scatter-plot