Highcharts 可以通过 for 循环推送 xAxis 类别吗?
Highcharts possible to push xAxis categories through for-loop?
我有一个图表,我对 xAxis 类别进行了硬编码,如图所示。
filteredDatas.xAxis 是一个包含日期的数组
filteredDatas.xAxis时间一天 24 小时有 24 个值。
xAxis: {
categories: [{
name: filteredDatas.xAxis[0],
categories: filteredDatas.xAxisTime
}, {
name: filteredDatas.xAxis[1],
categories: filteredDatas.xAxisTime
}, {
name: filteredDatas.xAxis[2],
categories: filteredDatas.xAxisTime
}, {
name: filteredDatas.xAxis[3],
categories: filteredDatas.xAxisTime
}, {
name: filteredDatas.xAxis[4],
categories: filteredDatas.xAxisTime
}, {
name: filteredDatas.xAxis[5],
categories: filteredDatas.xAxisTime
}, {
name: filteredDatas.xAxis[6],
categories: filteredDatas.xAxisTime
}],
},
但是,如果我 select 其他日期范围超过 7 天,xaxis 标签就会变成这样。
我发现我应该使用 for 循环和累加器动态地推送名称和类别。但是我找不到应该如何编写语法。我需要循环 N 次才能推入 N 次 filteredDatas.xAxis 和 filteredDatas.xAxisTime。这可能非常容易实现,我仍然是 highcharts 的初学者。有什么帮助吗?
也许这样的事情可以帮助你
xAxis: {
categories: function(){
var data;
for(var i=0;i<filteredDatas.xAxis.length;i++){
data.push({
name: filteredDatas.xAxis[i],
categories: filteredDatas.xAxisTime
})
};
return data;
}
},
或者您可以设置一个 N 变量来定义 for 循环将执行的迭代次数
我有一个图表,我对 xAxis 类别进行了硬编码,如图所示。 filteredDatas.xAxis 是一个包含日期的数组 filteredDatas.xAxis时间一天 24 小时有 24 个值。
xAxis: {
categories: [{
name: filteredDatas.xAxis[0],
categories: filteredDatas.xAxisTime
}, {
name: filteredDatas.xAxis[1],
categories: filteredDatas.xAxisTime
}, {
name: filteredDatas.xAxis[2],
categories: filteredDatas.xAxisTime
}, {
name: filteredDatas.xAxis[3],
categories: filteredDatas.xAxisTime
}, {
name: filteredDatas.xAxis[4],
categories: filteredDatas.xAxisTime
}, {
name: filteredDatas.xAxis[5],
categories: filteredDatas.xAxisTime
}, {
name: filteredDatas.xAxis[6],
categories: filteredDatas.xAxisTime
}],
},
但是,如果我 select 其他日期范围超过 7 天,xaxis 标签就会变成这样。
我发现我应该使用 for 循环和累加器动态地推送名称和类别。但是我找不到应该如何编写语法。我需要循环 N 次才能推入 N 次 filteredDatas.xAxis 和 filteredDatas.xAxisTime。这可能非常容易实现,我仍然是 highcharts 的初学者。有什么帮助吗?
也许这样的事情可以帮助你
xAxis: {
categories: function(){
var data;
for(var i=0;i<filteredDatas.xAxis.length;i++){
data.push({
name: filteredDatas.xAxis[i],
categories: filteredDatas.xAxisTime
})
};
return data;
}
},
或者您可以设置一个 N 变量来定义 for 循环将执行的迭代次数