使用动态值创建 c3 图

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 图

Creating c3 graphs with dynamic values

php

mysql

jquery

c3.js