2016-06-10 99 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 
    }] 
}); 

});

相關問題