Javascript 海图。如何设置图表网格的固定宽度，不包括标签？

如何设置图表网格的固定宽度，不包括标签？固定宽度应位于柱之间、柱处和边缘。标签区域必须是动态的

列之间的宽度-24px。 列宽-28px。 边缘和列之间的宽度-12px

网格宽度-104px.

我试图通过css设置“g”标记的宽度，但没有成功

---

您可以在图表的配置中更改

点填充

或

组填充

---

如果上面没有帮助，请提供fiddle。

在

load

事件中，您可以使用计算的

marginRight

属性更新图表，并将

pointPadding

调整到所需的尺寸：

chart: {
    ...,
    type: 'column',
    marginRight: 0,
    marginLeft: 0,
    events: {
        load: function() {
            if (this.chartWidth < 104) {
                this.setSize(104);
            } else {
                this.update({
                    chart: {
                        marginRight: this.chartWidth - 104
                    }
                }, true, false, false);
            }
        }
    }
},
plotOptions: {
    series: {
        grouping: false,
        groupPadding: 0,
        pointPadding: 0.23
    }
}

图表：{
...,
键入：“列”，
marginRight:0，
marginLeft:0，
活动：{
加载：函数（）{
如果（本图宽度<104）{
这个。设置大小（104）；
}否则{
这是更新({
图表：{
marginRight:this.chartWidth-104
}
}，真，假，假）；
}
}
}
},
打印选项：{
系列：{
分组：false，
分组填充：0，
点填充：0.23
}
}

现场演示：

API参考：

---

调整窗口大小时如何重新绘制图表？您好@Nazar Ugrinovsky，您可以将

load

事件更改为

render

，并设置一个标志以防止无限循环：