數據顯示前后高圖邊距？

Question

我正在嘗試使用Area Stacked Highchart， 這是一個示例和jsFiddle演示

不幸的是，圖表本身在x軸的起點和終點產生了難看的間隙。

這個問題再次被問到，看起來答案是“不要為xAxis使用類別，將其刪除並替換為type: 'datetime' 。不幸的是，我從后端獲取類別，但我做不到與此無關，其他任何設置（如邊距，填充，間距等）似乎都不適用於類別。

有誰知道如何解決這個問題？ 老實說，對我來說，它看起來更像是一個嚴重的UI / UX錯誤，而不是應該發生的事情。 誰需要一張圖表而不是從其邊緣開始的其他圖表？ :)

需要7個以上的聲譽才能發布圖像，但對URL感到抱歉：i.stack.imgur.com/lGxo6.png

簡而言之：[b]嘗試從jsFiddles示例中刪除GAPS，而不刪除類別[/ b]。 可能嗎？

Answer 1

您是正確的，問了很多，我應該為此准備自動響應。

然后的答案是使用datetime時間軸或linear軸。 您有來自后端的類別嗎？ 沒問題，只需將它們存儲在某個變量中，然后編輯標簽的格式化程序： http : //jsfiddle.net/h7Akd/1/

var categories = ['1750', '1800', '1850', '1900', '1950', '1999', '2050'];

...             
        xAxis: {
            tickmarkPlacement: 'on',
            title: {
                enabled: false
            },
            tiickInterval: 1, //force to display categories one by one
            labels: {
                formatter: function(){
                     return categories[this.value];   
                }
            }
        },

現在，您可以使用或xAxis.min/max或'xAxis.minPadding / maxPadding`編輯最小和最大。

附加功能：

老實說，對我來說，它看起來更像是一個嚴重的UI / UX錯誤，而不是應該發生的事情。 誰需要一張圖表而不是從其邊緣開始的其他圖表？ :)

您會感到驚訝。例如，使用列，您將看到。 相反，問題是為什么您不能更新后端以返回時間戳（應為日期）？