首页 > 解决方案 > amCharts4 中的列之间的空间

问题描述

我正在使用带有 React 的 amCharts4,我想在列之间添加一些空格,如图中所述。我怎样才能做到这一点?基本上,空格表示 x 轴项目之间的分隔符。空间左侧的项目代表不同的类别,右侧也是如此。

在此处输入图像描述

标签: reactjschartsamchartsamcharts4

解决方案


  1. 好吧,您可以使用值为 0 的列数据并确保该标签是隐藏的。在分离中注入类似于以下的对象。

    const placeholder = { label: 'placeholder', key: 'placeholder', value: 0, tooltip: '' };

或者

  1. 向位于分隔边缘的列添加填充。喜欢

    seriesObj.columns.template.column.paddingLeft = SOME_VALUE


推荐阅读