echarts 饼图默认高亮
默认label高亮,需要在赋值之后调用,才生效(myChart.setOption(option))
function getDefaultSelected(myChart) {
let index = 0;
myChart.dispatchAction({
type: 'highlight',
seriesIndex: 0,
dataIndex: 0,
});//默认高亮
myChart.on('mouseover', (e) => {
if (e.dataIndex !== index) {
myChart.dispatchAction({
type: 'downplay',
seriesIndex: 0,
dataIndex: index,
});
}
});
myChart.on('mouseout', (e) => {
index = e.dataIndex;
myChart.dispatchAction({
type: 'highlight',
seriesIndex: 0,
dataIndex: e.dataIndex,
});
});
}
echarts 饼图默认高亮相关推荐
- echarts饼图默认高亮/取消高亮
方法一 在 echarts 饼图中,可以通过 emphasis 属性设置数据项被高亮时的样式.而如果您想要设置默认高亮的一个数据项,可以在该数据项的配置对象中使用 selected: true 属性来 ...
- echarts 饼图默认高亮,选中任意选项离开后再次高亮,中心区显示选中的数据
主要方法: // 高亮setHighLight(id) {let myChart = this.$echarts.init(document.getElementById(id))//设置默认选中高亮 ...
- echarts 饼图调用高亮示例 dispatchAction
<!-- 为ECharts准备一个具备大小(宽高)的Dom --><div id="main" style="width: 600px;height:4 ...
- echarts饼图默认中间显示总数
this.echarts1.setOption({title: {text: ['Search Engine',' 1048'].join('\n'), // join('\n')作用是换行居中lef ...
- echarts图例板块默认高亮与鼠标移入高亮实现
主要先设置 emphasis.scale= true 开启鼠标移入高亮动画,利用dispatchAction方法设置默认高亮组 块, 再检测鼠标的mouseover时间,当检测到鼠标悬停事件,取消默认 ...
- echarts修改鼠标悬浮样式和默认高亮效果,和传值高亮修改字体模糊
具体的上代码 var myChartzuoixia = echarts.init(document.querySelector(''));$("#tableEcharts").re ...
- vue中echarts饼图实现循环高亮效果
1.首先echarts绘图需要有个盒子来盛它 这就是那个盒子 <div class="echarts" ref='topPie'></div> 在data中 ...
- echarts饼图pie中间显示总数
echarts饼图pie中间显示总数 有这样一种需求,饼图中间显示总数,当鼠标悬浮指定区域时显示对应区域数值 网上搜了好多都是通过zlevel来实现的这种效果,但是如果echarts的背景如果不是纯色 ...
- echarts饼图属性
1.标题移动到右边 原本 legend: {data:['同龄普通孩子','已具备技能','已泛化技能','已掌握技能','学习中'] }, 改 legend: {data:['同龄普通孩子','已具 ...
最新文章
- 【PAT乙级】1075 链表元素分类 (25 分)
- 轻松学,Java 中的代理模式(proxy)及动态代理
- FlatNCE:小批次对比学习效果差的原因竟是浮点误差?
- HDU - 7072 Boring data structure problem 双端队列 + 思维
- 邓公数据结构C++语言版学习笔记——二叉树
- 实用分享-Visual Studio图像查看插件(Image Watch)
- 2019区块链将走向何方?硅谷知名投资大咖如是说
- mininet-wifi安装openflow13
- 【BAT】BAT 阶段技能汇总:全功能小程序
- 致远OA单点登陆二次开发的实现(含源码)
- Java项目架构的演变
- 门禁服务器故障怎样修复,门禁常见故障及解决方法
- Piggy-Bank
- 第十八篇:融汇贯通--谈USB Video Class驱动
- Cynthia - Fastjson deserialization vulnerability
- Flutter 3.3 正式发布
- Mysql_基本操作命令
- SHARC音频DSP的算法详解(七)Reverb Delay混响和回声效果的实现及代码详解
- 数据库 for update的作用
- 基于Arduino,使用三个开关控制电机的正转,反转,和停转
热门文章
- Android IOS WebRTC 音视频开发
- acl拒绝网段访问dns_如何使用Cisco命令阻止访问特定网站
- 如何使用RDkit计算Morgan指纹并对其进行可视化
- 第三章 Jupyter 的安装及使用
- Springcloud报错:Action: Consider defining a bean of type ‘com.XXX.dao.XXXDao‘ in your configuration
- DataWhale基础算法第一次作业---线性回归
- python调函数为什么没反应_python中如何调用函数
- bibtex到bibitem的转换的超详细教程(获取参考文献的bibitem)
- IS-IS中间系统到中间系统
- linux下安装部署apollo(详细步骤)