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