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

Question

我正在尝试在表格中的 highcharts 图表上设置 x 轴，以便它是月份。 y 轴就是单位。我真的不知道如何改变这个。我尝试过更改此部分:

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

但运气不好。所以我将其保留为默认值，希望有人能够提供帮助。

您可以在 this JSFiddle 查看我正在尝试执行的操作.

Answer 1

从您的代码看来，您的月份位于 thead 而不是 tbody 中。所以你应该真正使用 $('thead th') 选择器。我还建议使用 :parent selector过滤掉空的ths

$('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