首页 > 解决方案 > 如何使用 AmCharts 插件中的 PieChart 使“粘性”工具提示可切换?

问题描述

我正在尝试使工具提示可切换,当我第一次单击切片时,它会使其工具提示可见。

  1. 在第二次单击时,特定切片的工具提示将被删除(隐藏)。
  2. 在饼图外部单击时,我希望删除所有工具提示。
  3. 当我将鼠标悬停在切片上时,我希望在悬停在其上时显示当前切片的工具提示。

我设法显示了多个工具提示,但是当我再次单击它时,它并没有隐藏。此外,当我在 PieChart 外部单击时,它只会删除(隐藏)添加的最后一个工具提示。

var currentSlice;
pieSeries.slices.template.events.on("hit", function(ev) {
    if (currentSlice) {
        currentSlice.tooltip.show();
    }
    currentSlice = ev.target;
    currentSlice.tooltipText = "{category}: {value.percent.formatNumber('#.#')}({value.value})";
    currentSlice.invalidate();
    currentSlice.showTooltip();
});

这是一个CodePen 示例,其中包含我稍微修改的代码。

请帮忙。

标签: javascriptgraphtooltipamchartsamcharts4

解决方案


推荐阅读