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轴之间的空间

回答

相关问题