Highcharts水平堆疊酒吧，減少酒吧和X軸之間的空間

我一直在研究一個水平堆積酒吧在高圖。我需要刪除圖表中x軸和欄之間的空間。你可以從這個圖像中瞭解細節：Highcharts水平堆疊酒吧，減少酒吧和X軸之間的空間

。

下面是圖表選項：

{ 
"chart":{ 
    "type":"bar", 
    "renderTo":"ConfigurationTickets" 
}, 
"title":{ 
    "text":null 
}, 
"xAxis":{ 
    "groupPadding":0 
}, 
"yAxis":{ 
    "min":0, 
    "title":{ 
     "text":null 
    }, 
    "gridLineWidth":0, 
    "labels":{ 
     "enabled":true 
    }, 
    "minorTickLength":0, 
    "tickLength":0, 
    "minPadding":0.5, 
    "maxPadding":0.5 
}, 
"legend":{ 
    "enabled":false, 
    "reversed":true 
}, 
"plotOptions":{ 
    "series":{ 
     "stacking":"percent", 
     "minPointLength":1, 
     "pointWidth":20, 
     "pointPadding":0, 
     "point":{ 
      "events":{ 

      } 
     }, 
     "column":{ 
      "pointPadding":0, 
      "groupPadding":0 
     }, 
     "showInLegend":false, 
     "softThreshold":true 
    }, 
    "cursor":"pointer", 
    "bar":{ 
     "groupPadding":0.1, 
     "pointWidth":20, 
     "pointPadding":0 
    } 
}, 
"series":[ 
    { 
     "data":[ 
      { 
       "y":3, 
       "color":"#ac89cb" 
      } 
     ], 
     "name":"more than 31" 
    }, 
    { 
     "data":[ 
      { 
       "y":2, 
       "color":"#8d749a" 
      } 
     ], 
     "name":"21 - 30" 
    }, 
    { 
     "data":[ 
      { 
       "y":3, 
       "color":"#72557b" 
      } 
     ], 
     "name":"Less than 20" 
    } 
]}

來源

2016-09-29 Teja Prakash

我不知道你怎麼想顯示你的圖表，但我認爲你可以在你的情況下使用marginBottom和marginTop：http://jsfiddle.net/muyz8rjz/ –

該空間是由1）喲你的頂部和底部邊距，3）你的系列'pointRange'和/或'pointWidth'，以及'pointPadding'和'groupPadding' 4）你的'xAxis''minPadding'和'maxPadding'設置。 |如何解決你的問題取決於你實際需要什麼。你想要酒吧來填補這個空間嗎？你想讓你的圖表變短嗎？或者是什麼？ – jlbriggs

所以，你在你的圖表選項有很多的東西出來的地方。

下面是一個使用這個更新的代碼，以填補酒吧空間的例子：

"plotOptions": { 
    "series": { 
    "stacking": "percent", 
    "minPointLength": 1, 
    "pointPadding": 0, 
      "groupPadding": 0, 
      "cursor": "pointer" 
    } 
}

小提琴：

http://jsfiddle.net/jlbriggs/muyz8rjz/1/

來源

2016-09-29 20:22:23 jlbriggs

Highcharts水平堆疊酒吧，減少酒吧和X軸之間的空間

回答

相關問題