Javascript 如何将Highcharts标签宽度设置为50%

我有一个长标签的Highcharts条形图。 我想让它们长到容器宽度的50%。 但无论我做什么，它们都不会增长到这个宽度

以下是一个例子：

Highcharts.chart（'container'{
图表：{
类型：'bar'
},
标题：{
正文：“按区域分列的历史世界人口”
},
副标题:{
文本：“来源：”
},
xAxis：{
类别：[“非洲长名称长名称长名称长名称”、“美洲”、“亚洲”、“欧洲”、“大洋洲”]，
标题：{
文本：空
},
标签：{
溢出：'justify'
}
},
亚克斯：{
分:0,，
标题：{
正文：“人口（百万）”，
对齐：“高”
},
标签：{
溢出：'justify'
}
},
工具提示：{
valueSuffix:'百万'
},
打印选项：{
酒吧：{
数据标签：{
已启用：true
}
}
},
图例：{
布局：“垂直”，
对齐：“右”，
垂直排列：“顶部”，
x:-40，
y:80，
浮动：是的，
边框宽度：1，
背景颜色：
Highcharts.defaultOptions.legend.backgroundColor | | |'#FFFFFF'，
影子：对
},
学分：{
已启用：false
},
系列：[{
名称：“1800年”，
数据：[107,31635203,2]
}, {
名称:"1900年",，
数据：[133156947408,6]
}, {
名称：“2000年”，
数据：[8148413714727,31]
}, {
名称：“2016年”，
数据：[121610014436738140]
}]
});

如您所见，左侧（带标签）的宽度明显比图表侧窄。标签已经在包装，但左侧没有增长

---

您有什么想法吗？

您可以通过添加图表选项来使用margin参数：

 chart: {
    type: 'bar',
    margin: [50,10,50,400]
},

参见示例：

---

链接到API:

在下面的演示中，图表Y轴宽度设置为常规图表容器宽度的50%。这是你一直在寻找的解决方案吗

演示：

---

API:

谢谢，但是有了利润，这个尺寸是静态的。我不知道每种情况下的名字会有多长。谢谢，但它不允许内容增长。它静态地将宽度设置为50%…我希望允许标签部分增长到容器宽度的50%，但前提是有标签需要它。没有它-它应该像标签要求的那样窄。@Rob.Ak恐怕我不理解您的要求。你能更准确地解释一下吗？分享一个（错误和应该做什么的）形象可能会有所帮助。

 chart: {
    type: 'bar',
    margin: [50,10,50,400]
},

events: {
  render() {
    let chart = this;

    if (chartForRender) {
      chartForRender = false;
      chart.update({
        chart: {
          marginLeft: chart.chartWidth / 2
        }
      }, true, false, false)
    }
    chartForRender = true;
  }
}