Highcharts Highchart-如何控制系列之间的间隙

Highcharts Highchart-如何控制系列之间的间隙,highcharts,Highcharts,在Highcharts中,如何控制类别之间的差距 下面我用蓝色突出显示了我正在谈论的领域: 我想让我的highchart图表空白看起来像下面左侧的powerpoint版本。PowerPoint中的条形图一直延伸到绘图区域的末尾,但highcharts的间距很大 Highcharts.chart('container'{ 图表:{ 类型:'bar' }, 标题:{ 正文:“按区域分列的历史世界人口” }, 副标题:{ 文本:“来源:” }, xAxis:{ 类别:[“总计”、“男性”、“女性

在Highcharts中,如何控制类别之间的差距

下面我用蓝色突出显示了我正在谈论的领域:

我想让我的highchart图表空白看起来像下面左侧的powerpoint版本。PowerPoint中的条形图一直延伸到绘图区域的末尾,但highcharts的间距很大

Highcharts.chart('container'{
图表:{
类型:'bar'
},
标题:{
正文:“按区域分列的历史世界人口”
},
副标题:{
文本:“来源:”
},
xAxis:{
类别:[“总计”、“男性”、“女性”、“其他”],
标题:{
文本:空
}
},
亚克斯:{
分:0,,
标题:{
正文:“人口(百万)”,
对齐:“高”
},
标签:{
溢出:'justify'
}
},
工具提示:{
valueSuffix:'百万'
},
打印选项:{
酒吧:{
数据标签:{
已启用:true
}
}
},
图例:{
布局:“垂直”,
对齐:“右”,
垂直排列:“顶部”,
x:-40,
y:80,
浮动:是的,
边框宽度:1,
背景颜色:
Highcharts.defaultOptions.legend.backgroundColor | | |'#FFFFFF',
影子:对
},
学分:{
已启用:false
},
系列:[{
名称:'总计',
数据:[10,20,31,']
}, {
姓名:'男',
数据:[10,20,60,2]
}, {
姓名:'女',
数据:[10,20,61,']
}, {
名称:'其他',
数据:[10,20,65,4]
}]
});

您需要编辑
groupPadding
pointPadding
属性:

plotOptions: {
  bar: {
    groupPadding: 0.05,
    pointPadding: 0
  }
}

现场演示:

API参考: