在chart.js中顯示最大標簽

Question

我正在使用JavaScript創建一個項目。 在我的項目中，我正在集成google圖表，在我的圖表中，我只想顯示五個標簽。我不知道該怎么做。以下是代碼：

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);
}

插頭鏈接： https ://plnkr.co/edit/fat6hRS4lFnAEjoiSORW ? p = preview

請幫忙。

Answer 1

查看您的代碼，只需將N更改為5：

var N = 5;

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

Answer 2

請更新以下行，您在圖表中只能看到5個節點

var N = 5;