Highcharts 如何在highchart的全屏视图中设置图表居中

我想将此图表设置为highchart的中心

我已经尝试使用下面的代码来制作图表

Highcharts.chart（'容器'{ 图表：{ 类型：'bar'， 高度：'300' }, 标题：{ 文本：“” }, 副标题:{ 文本：“” }, xAxis：{ 类别：[“1类”、“2类”]， 十字准星：没错， 网格线宽：0， 标题：{ 文本：空 } }, 亚克斯：{ 分:0,， 最高：1050， 网格线宽：0， 标题：{ 文本：“”， 对齐：“高” }, 标签：{ 溢出：“justify”， 已启用：false } }, 工具提示：{ valueSuffix:' }, 打印选项：{ 酒吧：{ 数据标签：{ 已启用：true }, colorByPoint：对， }, 系列：{ 影子：没错， 标记：{ 填充颜色：'#FFFFFF'， 线宽：1， lineColor:null， 半径：4 } } }, 图例：{ 布局：“垂直”， 对齐：“右”， 垂直排列：“顶部”， x:-40， y:80， 浮动：是的， 边框宽度：1， 背景颜色： Highcharts.defaultOptions.legend.backgroundColor | | |'#FFFFFF'， 已启用：false }, 学分：{ 已启用：false }, 颜色：颜色代码， 出口：{ 按钮：{ 上下文按钮：{ 菜单项：[“查看全屏”、“打印图表”， “下载PNG”， “下载JPEG”， “下载PDF”， “下载SVG”， “下载CSV”， “下载XLS”] } } }, 系列：[{ 名称：“”， 数据：[10,20] } ]

---

});

您应该能够通过使用

图表。更新

功能以及在全屏模式加载时更改

marginLeft

值来实现

演示：

API:

API:

---

API:

谢谢塞巴斯蒂安！我们可以使用chart.update（{chart:{marginTop:width/2}}）是的，您可以，但是此更改将减少您的图表大小。请注意，您已经设置了固定的

高度

值。您可以将其更改为全屏模块加载。

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

    if (chart.fullscreen.isOpen && chart.updateFlag) {
      const width = chart.chartWidth;
      chart.updateFlag = false;

      chart.update({
        chart: {
          marginLeft: width / 2
        }
      })

      chart.updateFlag = true;
    } else if (chart.updateFlag) {
      chart.updateFlag = false;

      chart.update({
        chart: {
          marginLeft: initialPlotLeft
        }
      })
      chart.updateFlag = true;
    }
  },
  load() {
    initialPlotLeft = this.plotLeft;
  }
}