将数组从 js for 循环传递到 highcharts 系列数据答案

【问题标题】：Pass array from js for loop to highcharts series data将数组从 js for 循环传递到 highcharts 系列数据
【发布时间】：2017-06-04 21:35:31
【问题描述】：

我从 for 循环创建了一个数组 (myData) 并将其存储在一个变量中，但是我无法通过 highcharts 绘制数据。

我添加了一个包含数字的数组 (arr) 来测试（即不是通过 for 循环），并且在使用这个数组时它可以工作。

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
    },]
 })

【问题讨论】：

标签： javascript arrays for-loop highcharts

【解决方案1】：

您的 for 循环不是在填充数组，而是在创建一个字符串。

试试这个：

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

Updated fiddle

【讨论】：