2017-06-04 51 views
1

我已經從for循環創建了一個數組(myData)並將其存儲在一個變量中,但是我無法通過highcharts繪製數據。將數組從js循環傳遞給highcharts系列數據

我添加了一個包含數字(即不是通過for循環)的數組(arr)來測試,它在使用這個數組時是有效的。

http://jsfiddle.net/o22uk7Lb/

HTML實例

myData<p id="demo"></p> 
arr<p id="demo2"></p> 

<div id="container" style="min-width: 310px; max-width: 800px; height: 400px; margin: 0 auto"></div> 

的Javascript

var mp = 300; 
var yp = (mp * 12); 
var year = new Array(12); 
var myData = []; 
for (var i = 1; i <= year.length; i++){ 
    myData += (i * yp.toFixed(2)) + ","; 
}; 
document.getElementById("demo").innerHTML = myData; 

var arr = [100,200,300,400,500]; 
document.getElementById("demo2").innerHTML = arr; 
Highcharts.chart('container', { 
    chart: { 
     type: 'column' 
    }, 

    plotOptions: { 
     bar: { 
      dataLabels: { 
       enabled: true 
      } 
     } 
    }, 
    series: [{ 
     data: myData 
    },] 
}) 

回答

1

您的循環不填充一個數組,它創建一個字符串。

試試這個:

for (var i = 1; i <= year.length; i++){ 
    myData.push(i * yp.toFixed(2)); 
}; 

Updated fiddle