首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在amCharts5上限制每个饼图只有一个活动切片?

如何在amCharts5上限制每个饼图只有一个活动切片?
EN

Stack Overflow用户
提问于 2022-02-02 13:09:06
回答 1查看 72关注 0票数 0

我试图复制本v4教程中关于amCharts v5的饼图行为,但没有运气:

https://www.amcharts.com/docs/v4/tutorials/one-pulled-slice-per-pie-chart/

v4代码不能在v5上工作(也不能获得错误)。我已经调试过它,它循环遍历切片,但是没有更多的"isActive“属性,也没有找到任何其他类似的属性或方法来获取或设置片状态。

我已经查过正式的文件了,但什么也没找到。似乎v5缺少一些v4功能..。有谁完成了限制每个图表只选择一个选择的切片?

提前谢谢。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-02-14 08:50:54

来自官方amCharts教程"每个饼系列一片":

..。因此,每当取出一个片时,它就变成"active“(它的"active"设置设置为true)。反之亦然,将其设置为false将使切片弹出回原来的位置。 另外,当一个片(或任何其他对象)被点击/点击时,它会生成一个"click"事件。如果定义了事件处理程序,则执行该事件处理程序。 让我们使用这两段代码来实现我们的任务:

代码语言:javascript
复制
series.slices.template.events.on("click", function(ev) {
  series.slices.each(function(slice) {
    if (slice != ev.target && slice.get("active")) {
      slice.set("active", false);
    }
  })
});

CodePen示例:https://codepen.io/team/amcharts/pen/dyZzQLJ

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/70956215

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档