Question

下面是我用来使用c3.js生成折线图的代码。在变量'value'中，我将得到要绘制为逗号分隔值的值。我现在已经对这些值进行了硬编码。使用此代码，生成的图形只有一个值 - “0”。

此代码不起作用：

       var name = "Graph Values";
        var value = "120,150,120,120,120";
          var obj = { 
           "data1": [value]
            }
          var chart = c3.generate({
              bindto: '#chart1',
              data: {
                columns: [
                 [name].concat(obj.data1)
                ]
              }
          });

此代码有效：

       var name = "Graph Values";
        var value = "120,150,120,120,120";
          var obj = { 
           "data1": [120,150,120,120,120]
            }
          var chart = c3.generate({
              bindto: '#chart1',
              data: {
                columns: [
                 [name].concat(obj.data1)
                ]
              }
          });

Answer 1

问题是您声明的值不正确尝试此

 var value = [120,150,120,120,120];
  var obj = { 
       "data1": value
        } ;

Answer 2

您可以将数据放入数组中。

var Array=[]; //Store your dynamic values here 
var chart = c3.generate({
              bindto: '#chart1',
              data: {

                            columns:[Array],
                             type : 'bar',


                    }
      });

使用动态值创建c3图形

2 个答案: