如何限制 AmCharts 4 XYChart 中列的最大宽度/高度

Nat*_*ent 5 typescript amcharts4

是否可以限制 XY 图表中列的最大宽度?我在带有 Typescript 的 Angular 项目中使用 AmCharts4。

下图中:

  • 左图:当我将多行数据发送到 XY 图表时会发生什么
  • 中间图表:当我将一行数据发送到 XY 图表时。
  • 右图:当我将一行数据发送到 XY 图表时,我希望发生什么

有没有办法防止第二个图表的单列扩展太多?如果它扩展就很好,但我希望能够以某种方式限制它。

也许类似? categoryAxis.maxColumnWidth = 50

我在这里检查了文档: https: //www.amcharts.com/docs/v4/tutorials/managing-width-and-spacing-of-column-series/但没有看到任何内容。

在此输入图像描述

Nih*_*ena 6

您可以像这样设置 Column Series 的 maxWidth:

let columnSeries = chart.series.push(new am4charts.ColumnSeries()); 
columnSeries.columns.template.maxWidth = 50
Run Code Online (Sandbox Code Playgroud)