在amcharts中,是否可以根据条件显示工具提示文本?

时间:2019-07-16 10:55:53

标签: javascript vue.js tooltip amcharts amcharts4

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

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

它根据{valueY}赋值。但我想在{valueY}等于0(零)时不显示。

1 个答案:

答案 0 :(得分:0)

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

Here是一支数字笔,显示结果。