Javascript 如何根据HighCharts中x轴类别的数量调整条形图的大小

我正在使用Highcharts添加一些条形图。当x轴上的值太少时，我的图表看起来有点稀疏；如果值太多，则图表看起来太拥挤

我已经修改了绘图选项，如（点填充、组填充、边框宽度、点宽度）。这似乎会阻止动态调整条形图的大小以使其保持一致，但无助于调整整个图表的大小

• 亚洲、美洲、欧洲、欧西亚、非洲的图表如下

Highcharts.chart（'container'{
图表：{
类型：'bar'
},
标题：{
正文：“按区域分列的历史世界人口”
},
副标题:{
文本：“来源：”
},
xAxis：{
类别：[“非洲”、“美洲”、“亚洲”、“欧洲”、“大洋洲”]，
标题：{
文本：空
}
},
亚克斯：{
可见：假
},
工具提示：{
valueSuffix:'百万'
},
打印选项：{
酒吧：{
数据标签：{
已启用：true
},
点填充：0，
分组填充：0，
边框宽度：0，
点宽度：20
}
},
图例：{
已启用：false
},
学分：{
已启用：false
},
系列：[{
名称：“1800年”，
数据：[107,31635203,2]
}]
});
您可以使用
chart.update（）
方法根据条形数量添加新高度。检查下面发布的代码和演示

代码：


Highcharts.chart（'container'{
图表：{
类型：'bar'，
活动：{
加载：函数（）{
var图表=此，
barsLength=chart.series[0].data.length；
chart.update({
图表：{
高度：100+50*杆长
}
}，真，假，假）；
}
}
},
标题：{
正文：“按区域分列的历史世界人口”
},
副标题:{
文本：“来源：”
},
xAxis：{
类别：[“亚洲”]，
标题：{
文本：空
}
},
亚克斯：{
可见：假
},
工具提示：{
valueSuffix:'百万'
},
打印选项：{
酒吧：{
数据标签：{
已启用：true
},
点填充：0，
分组填充：0，
边框宽度：0，
点宽度：20
}
},
图例：{
已启用：false
},
学分：{
已启用：false
},
系列：[{
名称：“1800年”，
数据：[107]
}]
});