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

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

我正在使用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.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日绘制
  • 工具提示显示一些垃圾数据。理想情况下,它应该显示日期

  • 之所以会发生这种情况,是因为您的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的示例。