时间戳

首页 > 解决方案 > 在 amcharts 中，有没有办法根据条件显示工具提示文本？

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

问题描述

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

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

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

标签： javascriptvue.jstooltipamchartsamcharts4

解决方案

您可以为 tooltip 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 === 0您可以使用target.dataItem.dataContext.yourProperty === 0.

这是一个代码笔，它显示了结果。

推荐阅读