Highcharts中的反向轴从表中获取数据

时间:2013-01-24 02:31:01

标签: javascript html charts highcharts html-table

我正在尝试在表格的高位图表中设置x轴,以便它是几个月。然后y轴是单位。我真的无法弄清楚如何改变这一点。我尝试更改此部分:

options.xAxis.categories = [];
        $('thead th', table).each( function(i) {
            options.xAxis.categories.push(this.innerHTML);
        });

但没有运气。所以我把它保留在默认状态,希望有人能够提供帮助。

您可以在this JSFiddle查看我想要做的事情。

1 个答案:

答案 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);
});

Demo @ jsFiddle