Chartjs条形图不起作用?

时间:2015-09-29 14:07:44

标签: javascript charts chart.js

我正在尝试使用Chartjs创建条形图。我正在从我的数据库中提取数字,这是我将它们打印到控制台时记录的内容:

tv: 9,186 ti: 718 tu: 2,231 ts: 2,922 tl: 7,393  
mv: 9,186 mi: 718 mu: 2,231 ms: 2,922 ml: 7,393
wv: 3,114 wi: 718 wu: 2,231 ws: 2,922 wl: 7,393
dv: 113 di: 69 du: 83 ds: 129 dl: 361

这些是预期的数字。如果我将这些硬编码到我的数据对象中以低音到chartjs,一切正常。如果我将变量放在数据数组中,它就无法正常工作。这是我的代码试图使用我的变量:

var data = {
    labels: ["Views", "Infusion Calculations", "User Searches", "Character Selections", "Light Calculations"],
    datasets: [
        {
            label: "Today",
            fillColor: bc1,
            strokeColor: bc1,
            highlightFill: bc1,
            highlightStroke: bc1,
            data: [dv, di, du, ds, dl]
        },
        {
            label: "Past Week",
            fillColor: bc2,
            strokeColor: bc2,
            highlightFill: bc2,
            highlightStroke: bc2,
            data: [wv, wi, wu, ws, wl],
        },
        {
            label: "Past Month",
            fillColor: bc3,
            strokeColor: bc3,
            highlightFill: bc3,
            highlightStroke: bc3,
            data: [mv, mi, mu, ms, ml],
        },
        {
            label: "All Time",
            fillColor: bc4,
            strokeColor: bc4,
            highlightFill: bc4,
            highlightStroke: bc4,
            data: [tv, ti, tu, ts, tl],
        }
    ]
};

var barchart = new Chart(todaybar).Bar(data);

我也记录了Chartjs创建的对象,看起来它正确地包含了所有数据集。

您可以查看问题here,以及在JS控制台中查看记录的数据。

有什么想法吗?感谢。

0 个答案:

没有答案