v-charts修改点击图例事件，legendselectchanged

html:

<!--折线图--><ve-line :extend="item.chartExtend"         :data-zoom="dataZoom"         :height="chartHeight"         :legend="item.legend"         :data="item"         :events="chartEvents"         :settings="isRateTypeData(item.id)?successRateSettings:chartSettings"></ve-line>

需要在v-charts图表添加legend属性

chartDataColumns.map(item => {    console.log('chartDataColumns66',chartDataColumns)    if(item !== 'TIME'){        selectedObj[item] = true    }})chartItem['legend'] = selectedObj


this.chartEvents = {    legendselectchanged: (item) => {        let currSelectName = item.name        let currChartItem = self.chartData[self.deleteIndex]        let selectedObj = item.selected        let selectedNum = 0        for(let key in selectedObj){            if(selectedObj[key]){ // selected对象内值为true                selectedNum++            }            selectedObj[key] = false        }        if(selectedNum > 1){ // selectedNum > 1说明当前全部选中，此时点击，只有当前的设为选中            for(let key in selectedObj){                selectedObj[key] = false            }            selectedObj[currSelectName] = true        }else{ // 当前只有一个选中，点击后，全部重置为选中            for(let key in selectedObj){                selectedObj[key] = true            }        }        self.$set(currChartItem['legend'], 'selected', selectedObj)    }}

转载于:https://www.cnblogs.com/yzhihao/p/10623578.html

v-charts修改点击图例事件，legendselectchanged相关推荐

Vue 框架-02-事件：点击, 双击事件,鼠标移上事件
Vue 框架-02-事件:点击, 双击事件,鼠标移上事件 1.单击事件:v-on:click 源码 app2.js : //实例化 vue 对象 new Vue({//注意代码格式//el:eleme ...
UI控件无法响应点击等事件的探索
2019独角兽企业重金招聘Python工程师标准>>> UI控件无法响应点击等事件的探索一.响应者链关于响应者链,有如下一段介绍:每一个应用有一个响应者链,我们的视图结构是一个N ...
c#控制IE浏览器自动点击等事件WebBrowser，mshtml.IHTMLDocument2
c#控制IE浏览器自动点击等事件WebBrowser,mshtml.IHTMLDocument2 原文:c#控制IE浏览器自动点击等事件WebBrowser,mshtml.IHTMLDocument2 ...
如何用图表控件实现点击图例图标隐藏图表序列
为了提高开发效率,第三方商用图表控件越来越被程序员广泛使用,由于第三方商用控件产品的可重用性,可以帮助企业节约GUI工程师的压力而实现灵活,绚丽的图表. 在阅读以下文章之前先下载安装试用版: Fusi ...
vue3 echarts5 graph关系图谱点击图例节点消失线不消失重复生成问题
const myChart = ref(null);const myCharts = ref(null);onMounted(() => {// 这种会导致线仍然存在重复生成myCharts. ...
点击回车事件(登录)
//增加点击回车事件$(document).keypress(function(e) {var eCode = e.keyCode ? e.keyCode : e.which ? e.which : ...
设置网页右键点击，并阻止右键点击默认事件
设置网页右键点击,并阻止右键点击默认事件 //为当前文档添加鼠标右击事件,防止默认的右击菜单弹出 document.oncontextmenu=Youji; function Youji(){aler ...
MATLAB修改Figure里图例的名称
MATLAB修改Figure里图例的名称参考代码参考代码 figure; hold on; plot(waterHeatOpenDegreeData,'r'); plot(eHeat1OpenDe ...
小程序banner广告点击触发事件技术
现如今,小程序是遍布各大平台(微信,QQ,百度,抖音...),随着小程序的增多,流量也显得越来越珍贵,买量的钱是越来越多,除去靠小程序业务营收的(如商城)和靠小程序服务营收的(外卖,服务等),很大部分 ...

v-charts修改点击图例事件，legendselectchanged

v-charts修改点击图例事件，legendselectchanged相关推荐

最新文章

热门文章