여기 시간 축이있는 ChartJS 선형 차트

Question

"시간"축이있는 선형 차트를 만들었습니다. 시간 축에 2 개의 레이블을 추가했습니다. 시간 1, 시간 1 + 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 구문 사용 :

<!-- 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> 

:

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

---

당신은 (v2와는) 올바른 라이브러리를 가져 와서이 문제를 해결할 수 있습니다