使用動態值創建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', 


        } 
     });