HighCharts.StockChart工具提示悬停数据点不正确

Question

我试图以渐进方式向图表添加新点。添加新点并设置新的最小/最大值后，工具提示标签显示不正确。

小提琴：http://jsfiddle.net/aAFLX/

$(function() { 
    Highcharts.setOptions({ 
     global : { 
      useUTC : false 
     }, 
     scrollbar:{ 
      enabled: true 
     }, 
     lang: { 
      rangeSelectorZoom: ' ' 
     } 
    }); 

    var dataPoints = [[1293820200000, 45], [1293733800000, 25], [1293647400000, 65]] 
    var counter = 0; 

    var chart = new Highcharts.StockChart({ 
     chart: { 
      renderTo: 'container' 
     }, 
     rangeSelector: { 
      enabled: false 
     }, 
     navigator: { 
      enabled: false 
     }, 
     scrollbar : { 
      enabled : false 
     },   
     yAxis: { 
      min: 0, 
      max: null 
     }, 
     xAxis: { 
      type: 'datetime', 
      linecolor: '#bbccdd', 
      gridLineColor:'#bbccdd', 
      tickInterval: 86400000, 
      min: 1293820200000, 
      max: 1294079400000 
     }, 
     series: [{ 
      name: 'Count', 
      data : [[1293906600000, 56]], 
      type : 'column', 
     }] 
    }); 

    $('#button').click(function() { 
     if(counter == dataPoints.length) { 
      return; 
     } 
     var point = dataPoints[counter++]; 
     var d = new Date(point[0]); 
     var min = d.setDate(d.getDate() - 1); 

     chart.xAxis[0].setExtremes(min,null); 
     chart.series[0].addPoint(point); 
    }); 
}); 

任何想法有什么不好？我错过了一些东西，或者错误地使用了API？

Answer 1

Highstock不会自动对输入数据进行排序，所以在给Highstock时必须对其进行排序。我认为这是造成问题的原因。

因此，添加新点时，添加的点必须晚于上一个点。

我已经整理数据点修改您的jsfiddle：

dataPoints.sort(function (a, b) { 
    return a[0] - b[0]; 
}); 

和移动第一点往回赶。 （也删除了setExtremes的调用以保持所有点都在视图中，但是没有连接到问题）。