echarts 图表设置默认选中
echarts:https://echarts.apache.org/zh/api.html#events.legendselected
tfjy1997:https://blog.csdn.net/wgf1997/article/details/124815817
数据图形
设置高亮
this.myChart.dispatchAction({
type: "highlight",
//seriesIndex:number | array 系列 index,可以是一个数组指定多个系列
seriesIndex: 0,
//dataIndex:number 数据的 index
dataIndex: 1
})
取消高亮
一般适用于设置默认高亮之后,点击图表之后,取消高亮
this.myChart.dispatchAction({
type: "downplay",
//seriesIndex:number | array 系列 index,可以是一个数组指定多个系列
seriesIndex: 0,
//dataIndex:number 数据的 index
dataIndex: 1
})
图例
默认选中图例
dispatchAction({
type: 'legendSelect',
// 图例名称
name: string
})
取消选中图例
dispatchAction({
type: 'legendUnSelect',
// 图例名称
name: string
})
切换图例选中状态
dispatchAction({
type: 'legendToggleSelect',
// 图例名称
name: string
})
控制图例的滚动
dispatchAction({
type: 'legendScroll',
scrollDataIndex: number,
legendId: string
})
提示框 tip
显示提示框
this.myChart.dispatchAction({
type: "showTip",
seriesIndex: 0,
dataIndex: 1
})
echarts 图表设置默认选中的更多相关文章
- Vue Echarts 饼图设置默认选中一个
Vue Echarts 饼图设置默认选中一个 myChart.setOption(data) // data伟echarts所需要传入的参数,就是配置参数最多的那个玩意 myChart.dispatc ...
- echarts圆饼图设置默认选中项并在中间显示文字
效果: 代码: var myChart = echarts.init(document.getElementById('quanshi-echarts-two')); option = { grid: ...
- HTML中的<select>标签如何设置默认选中的选项
方法有两种. 第一种通过<select>的属性来设置选中项,此方法可以在动态语言如php在后台根据需要控制输出结果. 1 2 3 4 5 < select id = " ...
- Android RadioGroup中设置默认选中RadioButton 后,选中两个的问题 解决方法
项目中遇到多个RadioGroup中单选RadioButton ,设置了默认选中第一个 . 然后就 能选中两个RadioButton . . .. 我开始这样给设置默认选中一个的: for (int ...
- vue中select设置默认选中
vue中select设置默认选中 一.总结 一句话总结: 通过v-model来:select上v-model的值为option默认选中的那项的值(value) 二.select设置默认选中实例 < ...
- echarts 设置默认选中,单选
默认选中 和 不选中 传送门
- ECharts 图表设置标记的大小 symbolSize 和获取标记的值
ECharts 是百度出品,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等) ...
- vue中select的使用以及select设置默认选中
简介 今天写pc端引入vue,遇到了一个问题,就是我循环出select内的数据以后,发现原本默认显示第一条的select框变成了空白,要选择后才有显示,结果查了好多文档,讲的都不是很清楚,后来看到一句 ...
- Dojo Tree设置默认选中项并且获得它
先上用来生成Tree的JSON数据 [ { "id": "Root", "name": "资源目录" }, ...
- html select 标签设置默认选中
方法有两种. 第一种通过<select>的属性来设置选中项,此方法可以在动态语言如php在后台根据需要控制输出结果. 1 2 3 4 5 < select id = " ...
随机推荐
- foobar2000 v1.6.16 汉化版(2023.04.19)
foobar2000 v1.6.16 汉化版 -----------------------[软件截图]---------------------- -----------------------[软 ...
- 关于BarchNorm的一些学习
<Batch Normalization: Accelerating Deep Network Training by Reducing Internal Covariate Shift> ...
- NVM使用说明
下载:https://github.com/coreybutler/nvm-windows/releases 切换镜像源: settting.txt文件后面添加 node_mirror: https ...
- Linux查看显卡 GPU信息
1.Linux查看显卡信息: 1.1查询显卡信息 lspci | grep -i vga 前边的序号 "04:00.0″是显卡的代号 ASPEED Technology, Inc. ASPE ...
- 深入理解Java并发读写锁——ReentrantReadWriteLock
ReentrantReadWriteLock使用场景 ReentrantReadWriteLock 是 Java 的一种读写锁,它允许多个读线程同时访问,但只允许一个写线程访问(会阻塞所有的读写线程) ...
- 云原生周刊:Prometheus 3.0 Beta 发布|2024.09.16
开源项目推荐 Kuma Kuma 是一个现代化的基于 Envoy 的服务网格,能够在每个云平台上运行,支持单区域或多区域部署,兼容 Kubernetes 和虚拟机.凭借其广泛的通用工作负载支持,以及对 ...
- AI五子棋_06 坐标表示到图形表示的算法 Python实现
AI五子棋 第六步 恭喜你到达第六步! 你已经成功实现了公钥体系最为关键的部分.现在服务器相信你就是你了,下面开始你的战斗. 五子棋的棋盘有15×15个交点,一共有225个交点,我们可以在每一个交点上 ...
- Visual Studio 2022只能使用WSL调试问题处理
删除项目的Properties目录下面的launchSettings.json文件
- docker的使用-01配置国内镜像仓库提高加快拉取镜像的速度
docker的使用-01配置国内镜像仓库提高加快拉取镜像的速度 我的docker版本:(win10专业版,安装的当前最新版docker desktop) docker --version Docker ...
- js常用函数-02 _关于$(function () { })的运行时机
js常用函数-02 _关于$(function () { })的运行时机 代码模式: $(function() { //执行操作 }); 查找到的结果: (function() {}),即 $(doc ...