Chart.js圖表​​中的錯誤訂單在X軸上的時間

Question

您好，我試圖使用chart.js在angularjs上繪製一些數據，但是我得到了一個奇怪的數據排序，這導致了一個奇怪的圖表，如下所示：

這是我的選擇：

vm.options = { 
     type:'line', 
     fill: false, 
     backgroundColor: 'transparent', 
     scales: { 
      xAxes: [{ 
      type: 'time', 
      position: 'bottom' 
      }] 
     } 
     }; 

我想訂購我的數據是這樣的日期：

vm.data.sort(function(a,b){ 
     // Turn your strings into dates, and then subtract them 
     // to get a value that is either negative, positive, or zero. 
     return new Date(b.time) - new Date(a.time); 
    }); 

但結果是上面的圖像。任何人都可以幫助我發現問題嗎？

Answer 1

儘管這是一箇舊帖子，但我正在回答，以便有人可以從中受益！

我遇到了與我的ionic3應用程序類似的問題。雖然我的數據集的順序是正確的（我用滑塊來調整數值），但是我有一個錯誤順序的問題圖。通過應用離子框架的加載控制器可以解決問題。 您需要花時間完成迴應並在最終顯示之前呈現。

希望它能幫助你。