은 chart.js에서 최대 라벨을 표시합니다.

Question

JavaScript를 사용하여 프로젝트를 만들고 있습니다.

var N = 10; 
// Array filled with N values at '0' 
var zero_array = []; 

for (i = 0; i < N; i++) 
    zero_array.push(0); 

// The data of the chart, describe the differents sets of data you want with points, colors... 
var data = { 
     labels: zero_array, 
     datasets: [ 
      { 
       showXLabels: 5, 
       label: zero_array, // Name of the line 
       data: zero_array, // data to represent 
       // The following makes the line way less ugly 
       fillColor: "rgba(151,187,205,0.2)", 
       strokeColor: "rgba(151,187,205,1)", 
       pointColor: "rgba(151,187,205,1)", 
       pointStrokeColor: "#fff", 
       pointHighlightFill: "#fff", 
       pointHighlightStroke: "rgba(151,187,205,1)", 

      } 
     ] 
}; 

// We wait for everything to be loaded 
window.onload = function main() { 

    // Get the context of the canvas 
    var ctx = document.getElementById("line_example").getContext("2d"); 

    // Create the Chart object 
    var line_example_chart = new Chart(ctx).Line(data); 

    // Used for the labels on the X axis 
    var label_idx = 1; 

    // Function to execute to remove then add a new random value to the chart 
    function rand_value() { 
     // Generate a random integer 
     var rand_val = Math.floor(Math.random() * 100); 

     // Remove the point at the far left of the chart 
     line_example_chart.removeData(); 

     // Add the random value at the far right of the chart 
     line_example_chart.addData([rand_val], label_idx++); 
    } 
    // Run rand_value() every 2 seconds 
    window.setInterval(rand_value, 2000); 
} 

plunker 링크 : https://plnkr.co/edit/fat6hRS4lFnAEjoiSORW?p=preview

내 프로젝트에서 난 내 차트에서 내가 this.Here 코드입니다 내가 할 수있는 방법을 모르는 다섯 labels.I을 보여주고 싶은, 구글 차트를 통합하고

도와주세요.

Answer 1

코드를 보면, 단지 5 N 변경 :

var N = 5; 

https://plnkr.co/edit/eJP4G6bYuGB5NaYvcQGX?p=preview

Answer 2

선 아래로 업데이트하십시오 당신이 차트에서 5 노드를 볼 수 있습니다

var에 N = 5;