ここでは、時間軸を使用した線グラフ

Question

"時間軸"を持つ線グラフを作成しました。時間軸に2つのラベルを追加しました。 Time1、Time1 + 15分。しかし、私のグラフは、ラベル2をTime1 + 1分として常に表示しています。なぜそれが正しいラベルを表示していないのですか？

私はjsfiddleに自分のコードを追加しましたが、何とかそのフィドルでは機能しません。ここで

 var ctx = document.getElementById("chartData").getContext("2d"); 
    var LiveChart = new Chart(ctx, { 
     type: 'line', 
     data: data_live, 
     options: live_options 
    }); 

リンクはhttp://jsfiddle.net/uLUAT/563/

編集です：だからここで行きます。私はリアルタイムチャートを作成し、私のウィンドウが常に固定サイズになるようにしたい。つまり、私はいつもチャートに5分のデータを表示したいと思っています。グラフに5分のデータが表示されると、古いデータが削除され、最新のデータのみが表示され、グラフではラベルが増えないはずです。フィディングでは、新しいデータが来たらすぐに、xaxisでラベルの数が増えていることがわかります。どうすればこれを達成できますか？

ご協力いただきまして誠にありがとうございます。

Answer 1

Chart.js v1またはv2を使用している場合、構文が異なります。

<script src="http://www.chartjs.org/assets/Chart.js"></script>を使用してv1.02ライブラリをインポートしました。

しかし、あなたが実際にv2の構文を使用：

var myChart = new Chart(ctx, { 
    type: 'line', 
    data: data_live, 
    options: live_options 
}); 

---

をあなたは（V2）と右のライブラリをインポートすることで、この問題を解決することができます

<!-- The following is the latest version of Chart.js --> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.3.0/Chart.min.js"></script>