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即可。