2016-06-10 95 views
1

您好我知道我可以通过定义x轴的日期时间,像这样HighCharts有一个选项可以通过datetime动态添加plotLines到xAxis吗?

xAxis: { 
      plotLines: [{ 
      color: '#dadada', 
      width: 1, 
      value: Date.UTC(2016, 2, 28) 
      }] 

我想一个情节主线动态添加到每一天的日期时间作为新的数据是从我使用的数据库中添加的添加情节主线到系列。

http://jsfiddle.net/5ecgkcmf/

我想达到什么的小提琴,但动态地没有所有的值手动添加占过去和未来的数据

是否highcharts有一个特点,用于检测这还是我将不得不写一些复杂的循环,并推动plotline?

任何指导和溶液理解。

+0

你是如何添加新的数据在该方法中,你可以检查,看看是否已经越过?进入新的一天,然后做xAxis.addPlotLine()(http://api.highcharts.com/highcharts#Axis.addPlotLine)。 – wergeld

+0

在直播服务器的新数据将在每天至少从数据库中,我们是推所以使用最小会有x轴的每天一个新的日期时间点 – gwar9

+0

好了,然后检查,看看有什么数据被补充说,是日起,并通过xAxis.addPlotLine(添加的情节主线)。如果你知道ŧ他添加的最后一个日期时间,然后您可以计算xAxis值。 – wergeld

回答

4

如果X轴的刻度间隔设置为一天你可以做x轴。 gridlines可见(它们被默认设置为gridLineWidth: 0: $(函数(){

$('#container').highcharts({ 
    xAxis: { 
     gridLineWidth: 2, 
     tickInterval: 24 * 3600 * 1000, 
     // one day 
     type: 'datetime' 
    }, 

    series: [{ 
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4], 
     pointStart: Date.UTC(2010, 0, 1), 
     pointInterval: 24 * 3600 * 1000 
    }] 
}); 

});

相关问题