我正在尝试在表格的高位图表中设置x轴,以便它是几个月。然后y轴是单位。我真的无法弄清楚如何改变这一点。我尝试更改此部分:
options.xAxis.categories = [];
$('thead th', table).each( function(i) {
options.xAxis.categories.push(this.innerHTML);
});
但没有运气。所以我把它保留在默认状态,希望有人能够提供帮助。
您可以在this JSFiddle查看我想要做的事情。
答案 0 :(得分:2)
从您的代码中可以看出,您的月份位于thead
而不是tbody
。所以你应该真正使用$('thead th')
选择器。我还建议您使用:parent
selector过滤掉空th
s
$('thead th:parent', table).each( function(i) {
var month=$(this).text();
options.xAxis.categories.push(month);
});
此外,如果你想让x轴为几个月,你的系列数据需要更改,你现在应该只有3个系列,而不是之前的6个。每个系列现在都有6个点(每月一个)而不是之前的3点/系列。所以你的表解析需要改成这样的东西。
options.series = [];
$('tbody tr', table).each(function (i) {
var tr = this;
var serie = {};
serie.name = $('th', tr).text();
serie.data = [];
$('td', tr).each(function (j) {
serie.data.push(parseFloat(this.innerHTML));
});
options.series.push(serie);
});