echarts 饼图legend点击不置灰

echart默认点击legend时候，当前点击的legend会置灰，有两种方式不置灰

1.设置selectedMode: false,这种方法控制不能点击legend

legend: {

orient: 'vertical',

x:'center',

y:'center',

textStyle:{fontSize:14},

icon:'circle',

//这两个属性设置图例前面图标大小的

itemWidth:8,

itemHeight:8,

selectedMode: false,

data:[{name:'男'},{name:'女'}]

}

2.在legendselectchanged事件里面设置，这种方法可以控制点击legend时候处理其他业务

this.$khflChart.on('legendselectchanged', (params:any) => {

that.$khflChart.setOption({

legend:{selected:{[params.name]: true}}

});

echarts 饼图legend点击不置灰相关推荐

ECharts饼图lengend点击事件处理
legend点击不置灰,解决重复触发等问题 chartDom.off("legendselectchanged"); //解决重复触发chartDom.on("legen ...
【Echarts图例点击事件】自定义Echarts图例legend点击事件（已解决）
目录先睹为快(效果) 1.实现Echarts多条曲线 2.点击echarts触发接口请求 2.1 先默认隐藏部分数据 2.2 自定义legend图例点击事件 3.源码下载地址(解压即用) **[写在 ...
ECharts 饼图 legend 样式修改
在移动端展示一个数据很多的饼图的时候,首先看一下效果.ECharts legend 配置项 1 legend 让它在右面竖着显示. legend: {type: 'scroll',orient: 'v ...
echarts 饼图取消legend图例的点击事件，保留鼠标悬浮legend上显示tooltie提示信息的事件
echarts 饼图因为我在饼图渲染数据的时候对一些数据较小的label和labelLine进行了隐藏,进行了数据的二次处理,所以legend鼠标悬浮显示出tooltie是我所需要的而点击事件,会关 ...
根据checkBox的状态，控制按钮可否点击。不可点击置灰
主要想实现的功能就是,当checkBox未选择时,按钮置灰不可点击:当checkBox选中时,按钮可以点击并且变成可以点击的颜色.主要用途就在用户在使用应用之前,比如要同意一些协议或者条款这些. 废话 ...
按钮置灰后点击事件仍可以触发
在按钮置灰后(disabled--禁用)但是点击事件有时候仍然可以触发解决方法--只需要在按钮上添加上一个动态的字符串的时间戳就行了 --由于时间戳是数值不是字符串,所以在前面添加一个任意的字符串 ...
echarts 饼图悬浮频繁闪动
日常改bug时,发现echarts饼图鼠标悬浮上去频繁闪动,把我整的以为是后端的祸害,吓的我查来查去,最后也没找到答案,只能自己来整了,给秀儿上座,看图.看代码! 1.我之前在写代码时可能是在官网复制 ...
echarts-legend-自定义图例的图标，未激活图例置灰
echarts 图例自定义图标,未激活图标置灰实现的效果图通过legend中的data来为每一个图列设置icon, option={//...legend:{itemHeight:'图标的高',i ...
echarts 饼图效果，显示其对应数值及百分比
需求:echarts 饼图效果,显示其对应数值及百分比代码 <Chart1 :ecStyle="ecStyle" :ecOption="optionRight2& ...

echarts 饼图legend点击不置灰

echarts 饼图legend点击不置灰相关推荐

最新文章

热门文章