javascript - 如何使用 AmCharts 插件中的 PieChart 使“粘性”工具提示可切换?
问题描述
我正在尝试使工具提示可切换,当我第一次单击切片时,它会使其工具提示可见。
- 在第二次单击时,特定切片的工具提示将被删除(隐藏)。
- 在饼图外部单击时,我希望删除所有工具提示。
- 当我将鼠标悬停在切片上时,我希望在悬停在其上时显示当前切片的工具提示。
我设法显示了多个工具提示,但是当我再次单击它时,它并没有隐藏。此外,当我在 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 示例,其中包含我稍微修改的代码。
请帮忙。
解决方案
推荐阅读
- android - Jackson databind InvalidFormatException:无法反序列化 org.threeten.bp.ZonedDateTime
- react-native - 如何使用 Share() 在 react-native 中共享应用程序的 URL 链接?
- python - 在没有 LED 灯的情况下在 opencv 中拍摄网络摄像头的快照
- vs-extensibility - 如何将按钮添加到代码上下文窗口中的现有组?
- python - 了解 scipy.interpolate 的 interpn 函数
- sql - 如何知道这个实体图是否正确规范化?有了下图,建一个简单的数据库就可以了吗?
- php - 如何通过默认值使用 PHP 将自动值插入(CMD)?
- c++ - 获取 clang-format 以通过两个空行分隔函数
- libressl - 无法验证 smime 签名
- c++ - 使用 Read() 和 Write() 函数连接 2 个文件