Highcharts中的反向轴从表

Question

中获取数据

我试图从表格中设置highchart中的图表上的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过滤掉空th小号

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