如下图所示, 默认情况是当我们鼠标滑过的时候才会出现悬浮提示,现在有个需求,想要在页面初始化的时候, 默认就展示最后一个点上的数据,具体处理办法如下:
说明:下面以在react中的一个例子来说明
useEffect(() => {
let myEcharts = echarts.init(document.getElementById('container'));
myEcharts.setOption(this.option, true); // true可以保证数据实时更新
setTimeout(function(){
myEcharts.dispatchAction({
type: 'showTip',
position: [-100, -150], // 自己可以设置显示位置 负数为正方向 正数为反方向
seriesIndex:0, // 显示第几个series
dataIndex: 2 // 显示第几个数据
});
}, 0) // 设定定时器(重点), 避免因为多个图表同时渲染,在渲染未完成时,就设置悬浮窗提示,先后顺序不对会导致设置悬浮窗失效!!!
}, []);