Vue+ECharts实现中国地图的绘制及各省份自动轮播高亮显示

实现效果

Vue+ECharts实现中国地图的绘制及各省份自动轮播高亮显示_第1张图片

完整代码+详细注释


 

 

要点小结

1.setTimeout() 与 setInterval() 的区别

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,只执行一次;

setInterval() 可在每隔指定的毫秒数循环调用函数或表达式,直到clearInterval把它清除,多次调用。

2.使用 setInterval() 方法后,必须使用箭头函数形式而不能用 function

如果使用 function,后续在该方法中调用 data 中的数据如 console.log(this.dataList.length);会报如下错误(其实就是找不到该数据);

这是因为 fun()、(function(){ ... })() 或回调函数中的 this 默认都指向 window,而 window 中是找不到你所要用的 data 中的数据的,我们应该改为箭头函数形式。

Vue+ECharts实现中国地图的绘制及各省份自动轮播高亮显示_第2张图片

以上就是Vue+ECharts实现中国地图的绘制及各省份自动轮播高亮显示的详细内容,更多关于Vue ECharts 中国地图绘制的资料请关注脚本之家其它相关文章!

你可能感兴趣的:(Vue+ECharts实现中国地图的绘制及各省份自动轮播高亮显示)