highstock.js圖表​​有點偏離

Question

我正在使用Highstock.js來表示圖表。問題在於繪圖顯示x軸上實際日期的右側幾乎沒有值。圖例中的日期與x軸上的日期匹配。但是在縮放的時候，這個陰謀就在這個日子的右側。

請小提琴

http://jsfiddle.net/HL7jX/

$('#container').highcharts('StockChart', { 
     chart: { 
      //type: 'area', 
     }, 
     title: { 
      text: "Weekly Managed Product Fund Flows", 
      margin:50 
     }, 
     rangeSelector: { 
      selected: 0, 
      align: "left", 
      buttons: [ 
        { 
         type: 'month', 
         count: 1, 
         text: '1m'}, 
        { 
         type: 'month', 
         count: 3, 
         text: '3m'}, 
        { 
         type: 'month', 
         count: 6, 
         text: '6m'}, 
        ] 
     }, 
     navigator: { 
      height: 10 
     }, 
     xAxis: { 
      type:'datetime', 
      maxZoom: 24 * 3600000, 
      alignTicks : false 
     }, 
     yAxis:[{ 
      title: { 
       text: 'Flow US$ mill' 
      } 
     }, { 
      title: { 
       text: 'AMZ' 
      }, 
      labels: { 
       format: '{value}' 
      }, 
      opposite: true 
     }], 
     exporting: { 
       enabled: false 
     }, 
     credits: { 
       enabled: false 
     }, 
     legend: { 
      align: "top", 
      layout: "horizontal", 
      enabled: true, 
      verticalAlign: "middle", 
      x:250, 
      y:-150 
      /*labelFormatter: function() { 
       return this.name + ' (T)'; 
      }*/ 

     }, 
     plotOptions:{ 
      series:{ 
        stacking: 'normal' 
      }, 
      line:{ 
       marker: { 
        symbol:"circle", 
        enabled: true 
       } 
      } 
     }, 
     series: [/*{ 
      type: 'area', 
      name: 'Total Flows', 
      data: all, 
      tooltip: { 
      valuePrefix: '$', 
      valueDecimals: 2 
      } 
     },*/{ 
      type: 'area', 
      name: 'Mutual Fund Flows', 
      data: mf, 
      tooltip: { 
      valuePrefix: '$', 
      valueDecimals: 2 
      } 
     }, { 
      type: 'area', 
      name: 'ETF Flows', 
      data: etf, 
      tooltip: { 
      valuePrefix: '$', 
      valueDecimals: 2 
      } 
     }, 
     { 
      type: 'line', 
      name:'Alerian AMZ Index', 
      yAxis: 1, 
      data: AMZ_YTD, 
      tooltip: { 
      valueDecimals: 2 
      } 
     }] 
    }); 

Answer 1

這apepars是通過timestanp的問題。

舉個例子：AMZ指數系列，爲6月13日 - 您的時間戳是1371097800000. 把它轉換成星期四2013年6月13日00:30:00 GMT-0400（美國東部標準時間）

所述蜱是設置爲午夜，數據點值是半小時後。

如果您想要完全匹配點，請確保時間戳設置爲午夜。

您還可以將useUTC設置爲false以避免時區出現問題。 http://api.highcharts.com/highcharts#global.useUTC