echarts饼图通过getzr().on(‘click’)获取具体数据
在echarts饼图中,通过getzr().on(‘click’)方法可以获取点击事件,但只能获得target是piepiece的对象,无法直接获取具体数据。
对于containpixel方法,第一个参数是一个对象数组,表示要检测的系列,每个对象包含seriesindex和pointinpixel两个属性。对于饼图,seriesindex可以为0,pointinpixel表示鼠标点击的像素点坐标。
图可丽批量抠图
用AI技术提高数据生产力,让美好事物更容易被发现
26 查看详情
因此,获取饼图每个环形单独的数据,可以使用以下步骤:
// 获取图表实例var myChart = echarts.init(document.getElementById('main'));// 添加点击事件监听myChart.getZr().on('click', function (params) { if (params.target && params.target.type === 'piePiece') { // 获取饼图数据 var data = params.data; console.log(data); }});
以上就是ECharts饼图点击事件如何获取具体数据?的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/285411.html
微信扫一扫
支付宝扫一扫