在 amcharts 中，有没有办法根据条件显示工具提示文本？

【问题标题】：In amcharts, is there any way to show tooltips text according to condition?在 amcharts 中，有没有办法根据条件显示工具提示文本？
【发布时间】：2019-07-16 10:55:53
【问题描述】：

我想根据我的情况在图表中显示工具提示文本。如果我的文本值为 0，那么我想隐藏文本，否则显示工具提示的文本。

Series.columns.template.tooltipText = `{valueY}s`;

它根据{valueY} 给出值。但我希望它不显示{valueY} 等于 0（零）。

【问题讨论】：

标签： javascript vue.js tooltip amcharts amcharts4

【解决方案1】：

您可以使用adapter 作为工具提示disabled 属性：

var series = chart.series.push(new am4charts.ColumnSeries());
// ...
series.tooltipText = "{valueY.value}s";

series.tooltip.adapter.add("disabled", function(disabled, target) {
  if (target.dataItem && target.dataItem.values.valueY.value === 0) {
    return true;
  }
  return disabled;
});

也可以使用target.dataItem.values.valueY.value === 0target.dataItem.dataContext.yourProperty === 0。

Here 是代码笔，显示结果。

【讨论】：

您可以改为为tooltipText 本身和return ""; 设置一个适配器，当您想禁用它时。 tooltipText 或 tooltipHTML 的非空白值是触发工具提示开始的原因，因此您基本上只是撤消它。