相关疑难解决方法(0)

如何为chart.js线图动态创建数据集?

我想在chart.js库中动态创建包含多个数据集的折线图.

我能够动态分配数据.但我想动态创建数据集本身.我看到下面的链接:

如何从chart.js的html表动态添加元素

并试过这个:

var datasetValue = [];
for (var j = 0; j < count; j++) {
datasetValue[j] = [
{
fillColor: 'rgba(220,220,220,0.5)',
strokeColor :'rgba(220,220,220,1)' ,
title :'2013',
data : [Math.round(Math.random() * 100),Math.round(Math.random() * 100)-10]
}]
}

var mydata = {
datasets : datasetValue
}
Run Code Online (Sandbox Code Playgroud)

这里的计数值是3,我想在图表中显示3行,计数值会有所不同.即使图表线颜色和标题相同,我想先显示该行,并在解决后更改其余部分.

我试图像这样访问数据:

alert("Datasets:"+mydata.datasets[0].data);
Run Code Online (Sandbox Code Playgroud)

它应显示第一个数据集的数据,但它正在显示undefined.

但是在下面的情况中:

var mydata1 = {
labels : ["January","February","March","April","May","June","July"],
datasets : [
    {
        fillColor : "rgba(220,220,220,0.5)",
        strokeColor : "rgba(220,220,220,1)",
        data : [95,53,99,73,27,82,40],
        title : "2014"
    },
    {
        fillColor : …
Run Code Online (Sandbox Code Playgroud)

javascript jquery chart.js

9
推荐指数
2
解决办法
3万
查看次数

标签 统计

chart.js ×1

javascript ×1

jquery ×1