amCharts 4-如何使图表宽度与不同的长度值相等

Question

至少在amCharts 4中，图表宽度似乎取决于valueAxis标签的长度（例如，位数）。例如，以this codepen中的图表为例。在顶部图表标签的精度设置为8的情况下，底部图表的最大值为5位（例如，最大为“ 10,000”），底部图表的宽度可以等于顶部图表的宽度包括以下内容：

valueAxis2.marginLeft = "32px";

但是，如果底部图表的valueAxis标签中的位数发生变化，则左边距不再正确。例如，取消注释第22行以查看此内容。如何独立于valueAxis标签长度使图表宽度相等？

This answer讨论了针对amCharts 3的解决方案，但amCharts 4中似乎没有minMarginLeft属性。

Answer 1

好问题。我强烈建议您查看我们的Working with Containers guide。 The last section illustrates the pre-defined Containers for XYCharts。

左侧渲染的y轴将位于chart.leftAxesContainer中，因此您可以在每个图表上将其设置为相同的宽度，例如

// Top chart's left y axis is around 96px (checked via its measuredWidth)
chart1.leftAxesContainer.width = 100;
chart2.leftAxesContainer.width = 100;

这是叉子：

https://codepen.io/team/amcharts/pen/a0a990fa6420b446508770ccae40ca7d

屏幕截图（无需边际播放！）