不熟悉 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、legendselectchangedlegendToggleSelect 切换图例选中状态后的事件。
{ type: 'legendselectchanged', // 切换的图例名称 name: string // 所有图例的选中状态表 selected: Object } 5、legendselectedlegendSelect 图例选中后的事件。
{ type: 'legendselected', // 选中的图例名称 name: string // 所有图例的选中状态表 selected: Object }6、legendunselected
legendUnSelect 图例取消选中后的事件。
{ type: 'legendunselected', // 取消选中的图例名称 name: string // 所有图例的选中状态表。 selected: Object } 附上例子与图: https://github.com/bloodymandoo