ECharts 常用设置

设置默认触发事件action

鼠标指向别的图块时,展示选中数据的图块信息,隐藏默认色块高亮信息

鼠标离开环形图时，展示默认第一条数据

设置默认触发事件action

myChart.dispatchAction({type: 'highlight',seriesIndex: 0,dataIndex: 0});

type	触发action类型
seriesIndex	series索引
dataIndex	高亮数据索引

注意：type:'pieSelect'不可使用，会使得选中的色块发生向外的位移，并且不会展示label内容。

鼠标指向别的图块时,展示选中数据的图块信息,隐藏默认色块高亮信息

myChart.on('mouseover', (v) => {if($scope.initFlag && v.dataIndex != 0){myChart.dispatchAction({type: 'downplay',seriesIndex: 0,dataIndex: 0,});}
});

注意：当鼠标在默认色块时，无需触发取消高亮【downplay】事件

鼠标离开环形图时，展示默认第一条数据

myChart.on('mouseout', (v) => {if($scope.initFlag){myChart.dispatchAction({type:'highlight', seriesIndex: 0, dataIndex: 0});}
});

注意：当鼠标移除时，别忘记再次触发饼图的默认展示。

另外：想要展示tooltip的话，用type = showTip即可。

ECharts 常用设置相关推荐

ECharts 常用图表一看即会「散点图」「饼图」「地图」「雷达图」「仪表盘」
文接上篇 ECharts 入门知识 ECharts 入门真的很简单 ,本文继续介绍 ECharts 常用图表相关内容. 一.散点图散点图多用于推断不同维度数据之间的相关性,如下图判断身高体重相关性散 ...
Apache Echarts常用图表之柱状图
文章目录 Echarts常用图表柱状图 1. 柱状图的实现步骤 2. 柱状图的常见效果最大值\最小值 `markPoint` 平均值 `markLine` 数值显示 `label` 柱宽度 `ba ...
Apache Echarts常用图表之折线图
文章目录 Echarts常用图表折线图 1. 折线图的实现步骤 2. 折线图的常见效果最大值\最小值 `markPoint` 平均值 `markLine` 标注区间 `markArea` 数值显示 ...
ECharts常用图表饼图
1.图表4 饼图 1.1.饼图的实现步骤步骤1 ECharts 最基本的代码结构此时 option 是一个空空如也的对象步骤2 准备数据步骤3 准备配置项在 series 下设置 type: ...
ECharts常用配置项
ECharts常用配置 setOption()绘制图表使用 echarts 实例的 setOption() 可以设置图表实例的配置项以及数据,万能接口,所有参数和数据的修改都可以通过 setOpti ...
vs快捷键及常用设置（vs2012版）
vs快捷键: 1.ctrl+f F是Find的简写,意为查找.在vs工具中按此快捷键,可以查看相关的关键词.比如查找哪些页面引用了某个类等.再配合查找范围(整个解决方案.当前项目.当前文档等),可以快 ...
pandas中set_option的常用设置：显示所有行、显示所有列、控制浮点型精度、每个数据元素的显示字符数、对齐形式等
pandas中set_option的常用设置:显示所有行.显示所有列.控制浮点型精度.每个数据元素的显示字符数.对齐形式等 #pandas中set_option的常用设置详细参考pandas API ...
Pycharm快捷键及一些常用设置
在PyCharm /opt/pycharm-3.4.1/help目录下可以找到ReferenceCard.pdf快捷键英文版说明 PyCharm Default Keymap PyCharm3.0默认 ...
echarts柱状图x轴文字换行_深入 echarts 如何设置 Label / axisLabel 换行及自定义格式 / 自定义样式? 结合 canvas 如何实现文字换行来理解...
前言之前在一篇文章<深入 echarts 如何设置渐变色?echarts 如何设置圆角?echarts 如何设置自定义 Label?>已经初步介绍了如何通过 formatter 结合 r ...

ECharts 常用设置

设置默认触发事件action

鼠标指向别的图块时,展示选中数据的图块信息,隐藏默认色块高亮信息

鼠标离开环形图时，展示默认第一条数据

ECharts 常用设置相关推荐

最新文章

热门文章