echarts 种 legend 的相关问题

xiaoxiao2021-02-28  124

不熟悉 legend 的话,可以先去看看配置文档 http://echarts.baidu.com/option.html#legend

总体来看,配置可以分为以下几部分:

1、是否显示

2、显示位置

3、显示样式(整体水平、垂直,个体颜色、字体、大小、边界、阴影,个体之间间隔)

4、是否选取

5、是否开启点击选取和取消选取

配置的主要内容大体可以分为几部分,今天主要说说它的相关 API :

1、legendSelect

选中图例:

dispatchAction({ type: 'legendSelect', // 图例名称 name: string })

2、legendUnSelect

取消选中图例。

dispatchAction({ type: 'legendUnSelect', // 图例名称 name: string })

3、legendToggleSelect

切换图例的选中状态。

dispatchAction({ type: 'legendToggleSelect', // 图例名称 name: string }) 4、legendselectchanged

legendToggleSelect 切换图例选中状态后的事件。

{ type: 'legendselectchanged', // 切换的图例名称 name: string // 所有图例的选中状态表 selected: Object } 5、legendselected

legendSelect 图例选中后的事件。

{ type: 'legendselected', // 选中的图例名称 name: string // 所有图例的选中状态表 selected: Object }

6、legendunselected

legendUnSelect 图例取消选中后的事件。

{ type: 'legendunselected', // 取消选中的图例名称 name: string // 所有图例的选中状态表。 selected: Object } 附上例子与图: https://github.com/bloodymandoo

转载请注明原文地址: https://www.6miu.com/read-58213.html

最新回复(0)