遇到问题
1. 默认展示 tooltip
2.默认选中省份,选中省份后悬停到别的省份选中状态不消失
<body>
<div id="china" style="width:1000px;height:1000px;margin: 0 auto;</div>
</body>
<script type="text/javascript"src="/echarts.min.js"></script>
<script type="text/javascript" src="/china.js"></script>
一些配置忽略
//选中高亮
china.setOption(option);
window.addEventListener("resize", function() {
china.resize();
});
china.dispatchAction({
type: 'highlight',
seriesIndex: 0, // 针对series下第几个数据
dataIndex: mydata.findIndex(params => params.label === 'zhejiang') // 第几个数据
})
//选中展示Tip
china.dispatchAction({
type: 'showTip',
seriesIndex: 0,
dataIndex: mydata.findIndex(params => params.label === 'zhejiang') // 第几个数据
})
// 监听鼠标悬停事件 重新渲染数据
china.on('mouseover', function(params) {
option.series[0].data.forEach(v => {
if (v.label != params.data.label) {
v.selected = false
} else {
v.selected = true
}
})
china.setOption(option);
});