hereChartJS Линейный график с временной осью

Question

Я создал линейную диаграмму с осью «время». Я добавил 2 метки на оси времени; Time1, Time1 + 15 минут. Но моя диаграмма всегда показывает метку два как 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/

Edit: Так что здесь мы идем. Я хочу сделать диаграмму в реальном времени и хочу, чтобы мое окно всегда имело фиксированный размер. т. е. я всегда хочу показать данные в 5 минут в моей диаграмме. Когда у меня есть 5 минут данных, показанных на диаграмме, он должен начать удаление старых данных и отображать только последние данные, также метки не должны увеличиваться в моей диаграмме. На скрипке вы можете видеть, что как только появятся новые данные, количество ярлыков увеличивается на xaxis. Как я могу достичь этого?

Любая помощь очень ценится.

Answer 1

Синтаксис отличается, если вы используете Chart.js v1 или v2.

Вы импортировали библиотеку v1.02, используя <script src="http://www.chartjs.org/assets/Chart.js"></script>.

Но вы на самом деле используется синтаксис 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>