Javascript 添加动态序列
我正在使用Highcharts插件,我有两个数组,下面是我的数组示例: 阵列1:系列1、系列2、系列3Javascript 添加动态序列,javascript,jquery,arrays,highcharts,Javascript,Jquery,Arrays,Highcharts,我正在使用Highcharts插件,我有两个数组,下面是我的数组示例: 阵列1:系列1、系列2、系列3 阵列2:20,30,40 我想做的是在系列选项中使用此数组,数组1作为系列名称,数组2作为系列值,我可以手动执行此操作,但将来可能array1将有更多值,array2也将有更多值 $('#Chart').highcharts({ title: { text: 'Example' }, xAxis: { labels:
阵列2:20,30,40 我想做的是在系列选项中使用此数组,数组1作为系列名称,数组2作为系列值,我可以手动执行此操作,但将来可能array1将有更多值,array2也将有更多值
$('#Chart').highcharts({
title: {
text: 'Example'
},
xAxis: {
labels:
{
enabled: false
}
},
yAxis: {
allowDecimals: true,
min: 0,
title: {
text: 'Results'
}
},
credits: {
enabled: false
},
legend: {
reversed: true
},
series: [{
name: array1[x],
data: array2[x].map(function (value) {
return Number(value);
})
}]
});
我尝试使用for循环,但我认为使用这个内部系列选项是不可能的。此外,我尝试在highcharts代码之外使用for循环,并使用字符串var连接上述代码,但对此我不太确定,以下是我的代码:
var constructor = "";
for (var i = 0; i < array1.length; i++) {
constructor += "name: '"+ array1[i] + "',";
constructor += "data: " + array2[i] + ".map(function (value) {"
constructor += "return Number(value);";
})
var构造函数=”“;
对于(变量i=0;i
您可以创建不带序列的图形,然后在一个单独的函数中,您可以对数组进行迭代,以正确获取数据,并通过以下方式动态添加序列:
for (var i = 0; i < array1.length; i++) {
chart.addSeries({
name: array1[i],
data: [array2[i]]
}, false);
}
chart.redraw();
for(变量i=0;i
未测试,但想法是当修改array1和array2时,进行图表刷新,应反映更改。在创建图表之前创建系列。示例:。