1.直接上代码,记录方便以后查看。
//设置默认选中高亮部分
const dietHabitAnalysis = echarts.init(document.getElementById('xx'))
dietHabitAnalysis.setOption(option)
dietHabitAnalysis.dispatchAction({
type: 'highlight',
seriesIndex: 0,
dataIndex:0
});
dietHabitAnalysis.on('mouseover', function(e) {
//当检测到鼠标悬停事件,取消默认选中高亮
dietHabitAnalysis.dispatchAction({
type: 'downplay',
seriesIndex: 0,
dataIndex:0
});
//高亮显示悬停的那块
dietHabitAnalysis.dispatchAction({
type: 'highlight',
seriesIndex: e.seriesIndex,
dataIndex:e.dataIndex
});
});
//检测鼠标移出后显示之前默认高亮的那块
dietHabitAnalysis.on('mouseout', function(e) {
dietHabitAnalysis.dispatchAction({
type: 'highlight',
seriesIndex: 0,
dataIndex:0
});
//当检测到鼠标悬停事件,取消默认选中高亮
dietHabitAnalysis.dispatchAction({
type: 'downplay',
seriesIndex: e.seriesIndex,
dataIndex:e.dataIndex
});
});