高圖X軸值未完全顯示

Question

當我嘗試查看圖表時，不會顯示x軸上的所有數據。 例如： http ： //jsfiddle.net/zn4y45pL/

options.xAxis.categories.push(this.innerHTML);
alert(this.innerHTML);

這顯示了所有數據。

有什么問題的想法嗎？ 謝謝！

Answer 1

看起來您只將一個類別推送到options.xAxis.categories數組。

$init('tbody th', table).each( function(i) {
            options.xAxis.categories.push(this.innerHTML);
        });

嘗試在開發工具中對此.each進行調試，並確保針對預期在highchart的xaxis中顯示的每個類別進行迭代。 具體來說，請確保“ this”處於您希望每次迭代的上下文中。

Answer 2

問題是您要為每個點創建單獨的系列。 而是創建一個系列並將點推入data數組：

        // the data series
        options.series = [{
            name: this.innerHTML,
            data: []
        }];
        $init('td', table).each(function (j) {
            options.series[0].data.push(parseFloat(this.innerHTML));
        });

和演示： http : //jsfiddle.net/zn4y45pL/2/