Chart.js 无法显示数据

Question

我在这里有图表的代码，我正在尝试显示图表，但是我从另一个函数获取标签上的值（该函数的输出是 var label3，如果我将使用 label3 作为我的标签该图表将不起作用，但如果我使用 label2 之类的格式，它将起作用。 我的问题是如何使 label3 像 label2 的格式？

var ctx = document.getElementById('myChart').getContext('2d');

var label2 = ['28 Dec','29 Dec','30 Dec'];
var label3 = '28 Dec,29 Dec,30 Dec';

var data1 = '0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0';

var lineChartData = {
    labels: label2,
    datasets: [{
        label: ' No. of clicks',
        backgroundColor: "lightblue",
        data: data1
    }]
}
var myChart = new Chart(ctx, {
      type: 'line',
      data: lineChartData

});

我已经制作了一个代码，你可以检查它here

Answer 1

您的 data1、label3 是字符串，您必须为此使用数组。尝试将数据推送到数组中。

Answer 2

你犯了一个小错误，你的数据变量应该是一个数组。像这样。

var data1 = [10,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0];