echarts 图表设置默认选中
2022/7/9 23:22:02
本文主要是介绍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 图表设置默认选中的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-15PingCAP 黄东旭参与 CCF 秀湖会议,共探开源教育未来
- 2024-05-13PingCAP 戴涛:构建面向未来的金融核心系统
- 2024-05-09flutter3.x_macos桌面os实战
- 2024-05-09Rust中的并发性:Sync 和 Send Traits
- 2024-05-08使用Ollama和OpenWebUI在CPU上玩转Meta Llama3-8B
- 2024-05-08完工标准(DoD)与验收条件(AC)究竟有什么不同?
- 2024-05-084万 star 的 NocoDB 在 sealos 上一键起,轻松把数据库编程智能表格
- 2024-05-08Mac 版Stable Diffusion WebUI的安装
- 2024-05-08解锁CodeGeeX智能问答中3项独有的隐藏技能
- 2024-05-08RAG算法优化+新增代码仓库支持,CodeGeeX的@repo功能效果提升