我正在尝试使用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控制台中查看记录的数据。
有什么想法吗?感谢。