如何将am4charts中连续重复值的LabelBullet设为空值

实现思路 #

利用LabelBullet标签的textFormatter方法，在格式化文本时对比当前数据项与前一项的valueY值，若连续相同则返回空字符串，否则返回格式化后的数值。

修改后的代码 #

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

// 替换原text属性，使用文本格式化器实现逻辑
labelBullet.label.textFormatter = function(root) {
  const currentValue = root.dataItem.valueY.value;
  const index = root.dataItem.index;
  const data = root.dataItem.component.data;

  // 非首项时对比前一项的valueY
  if (index > 0) {
    const prevValue = data[index - 1].valueY;
    // 若数据中valueY为嵌套结构，需改为data[index - 1].valueY.value
    if (currentValue === prevValue) {
      return "";
    }
  }
  // 正常显示格式化后的数值
  return currentValue.formatNumber('#.#');
};

labelBullet.strokeOpacity = 0;
labelBullet.stroke = am4core.color('#dadada');
labelBullet.dy = 0;

补充说明 #

• 如果你的数据源中valueY是对象形式（如包含value字段的结构），需要调整prevValue的取值路径，确保和currentValue的取值逻辑一致。
• 该方案无需修改原始数据源，直接通过图表的格式化逻辑实现需求，灵活性更高。

内容的提问来源于stack exchange，提问作者Joseph Park