Javascript HighCharts:重复类别值。工具提示未显示正确的日期
我正在使用highchart.js绘制散点图 X轴:“服务器”[服务器列表“17.0.0.1”、“17.0.0.2”、“17.0.0.3”、“17.0.0.4”。 Y轴:“日期时间”{最近5天,间隔6小时} 基本上,服务器在给定的一天内多次刷新,数据被捕获并保存到数据库中。 图表将读取数据库表数据并绘制图表 现在,为了简单起见,我在这里硬编码和显示 这里是JSBIN的链接。Javascript HighCharts:重复类别值。工具提示未显示正确的日期,javascript,highcharts,scatter-plot,Javascript,Highcharts,Scatter Plot,我正在使用highchart.js绘制散点图 X轴:“服务器”[服务器列表“17.0.0.1”、“17.0.0.2”、“17.0.0.3”、“17.0.0.4”。 Y轴:“日期时间”{最近5天,间隔6小时} 基本上,服务器在给定的一天内多次刷新,数据被捕获并保存到数据库中。 图表将读取数据库表数据并绘制图表 现在,为了简单起见,我在这里硬编码和显示 这里是JSBIN的链接。 类别“17.0.0.3”和“17.0.0.4”重复。我不希望重复。如何解决此问题?请找到重复值的图像 未为服务器17.0
之所以会发生这种情况,是因为您的series数据数组按该顺序(重复)包含服务器。因此它会覆盖
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
内或图表对象的根目录下。请参见此示例。我不确定您为什么要在服务器的IP之后添加%
符号,但现在就可以了。我建议您这样做st将类别数组索引作为x值而不是类别值发送:谢谢。接受您的回答。是%不是必需的,这是一个错误。它可能会帮助某些人。下面是工具提示中的附加数据以及x和y的示例。