当数据少于 3 个值时，AMCharts 系列不出现的问题

Question

我在 WordPress 项目中使用 AMCharts4，一切正常，但是当我过滤数据时遇到一个奇怪的问题，让我展示一下图像发生的情况：

• 包含所有数据（100% 正常）

- 过滤数据（超过 2 个结果可以 100% 正常工作）

• 过滤数据（2个或更少的结果不显示分数，这是错误）

  
  

• 看看它如何没有将各自的分数显示为前两张图像。

• 这里的问题是如何让这些分数出现？我已经尝试在我的函数中添加注释代码行，但似乎没有任何效果。

labelBullet = series.bullets.push(new am4charts.LabelBullet())

labelBullet.label.horizontalCenter = "left";

labelBullet.label.dx = 10;

labelBullet.label.text = "{values.valueX.workingValue.formatNumber('#.')}";

labelBullet.locationX = 1;

Answer 1

问题在于您对 的使用labelBullet.locationX = 1;。如果您查看am4 Bullets 文档：不过，有一点需要注意。对于项目符号，locationY 属性表示在列的整个高度中的相对垂直位置。这意味着如果我们的比例不是从零开始，它就不会位于列当前可见部分的直接中心。由于您使用的是倒排图表，因此同样适用于locationX您的情况。意思是，标签位置是相对于比例的。要解决此问题，您可以将min值轴设置为 0，如在此jsfiddle中使用：valueAxis.min = 0;或者如文档中所述，将标签直接推送到列系列模板中，如jsfiddle中所示。label = series.columns.template.createChild(am4core.Label);label.text = "{values.valueX.workingValue.formatNumber('#.')}";label.align = "left";label.valign = "middle";label.zIndex = 2;