如何解决图表js停止图表区域功能
我正在使用图表js插入。我正在使用两个功能。当用户单击图表时,第一个函数调用。当用户单击图例区域时,将调用第二个函数。检查以下示例。
当我单击图例区域时,图表区域功能也将起作用。我需要限制它。 请检查我的样品。你能理解我的意思。
图表区域功能:
onClick: function(e,array){
alert('clicked on chart area')
}
传奇区域功能:
onClick: function(e,legend_item){
alert('clicked on legend')
}
演示 demo
解决方法
这是一种解决方案。我们使用this.chart.chartArea检查点击是否在图表区域内。这样就可以计算出图表区域的偏移量,我们可以查看它是否在其中。
onClick: function(e,array){
const { left,right,top,bottom} = this.chart.chartArea;
if(
event.offsetX > left &&
event.offsetX < right &&
event.offsetY > top &&
event.offsetY < bottom
){
alert('clicked on chart area')
}
},
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。