Vue环境下用ECharts绘制中国地图,并实现拖动、缩放与各省份自动轮播高亮显示

Vue环境下用ECharts绘制中国地图,并实现拖动、缩放与各省份自动轮播高亮显示在 vue 环境下用 echarts 绘制中国地图 并实现拖动 缩放与各省份自动轮播高亮显示

实现效果

Vue环境下用ECharts绘制中国地图,并实现拖动、缩放与各省份自动轮播高亮显示


 完整代码+详细注释:

 
      

要点小结:

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

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

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

Vue环境下用ECharts绘制中国地图,并实现拖动、缩放与各省份自动轮播高亮显示

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

Vue环境下用ECharts绘制中国地图,并实现拖动、缩放与各省份自动轮播高亮显示

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/178412.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月26日 下午5:21
下一篇 2026年3月26日 下午5:22


相关推荐

  • 配置ssh免密码登录

    配置ssh免密码登录SSH SecureShell 是建立在 TCP TP 协议的应用层和传输层基础上的安全协议 SSH 保障了远程登录和网络传输服务的安全性 起到了防止信息泄露等作用 通过 SSH 可以对文件进行加密处理 SSH 也可以运行于多平台 一 配置 SSH 无密码登录的步骤如下 以下步骤都是在主节点 master 上操作的 1 使用 ssh keygen 产生公钥与私钥对 输入命令 ssh keygen trsa 接着按三次 Enter 键 生成私有密钥 id rsa 和公有密钥 idrsa pub 两个文件 ss

    2026年3月18日
    2
  • 电子与信息学报的图片格式

    电子与信息学报的图片格式1 将 matlab 图片的字体调整到适当的大小 13 2pt 最好 否则在 visio 里调整汉字大小汉字容易挨在 yi 一起编辑 gt 复制图形 2 将复制的图形复制到 visio 先调整 visio 的大小 然后调整图片的大小 3 右击取消组合 否则编辑不了 4 更改字体的字体大小 5 边框改为 0 5 磅 6 改好格式后 文件 gt 导出 gt 更改文件格式 nbsp nbsp

    2026年3月19日
    2
  • 专业函数绘图软件Origin

    专业函数绘图软件Origin首先:Origin软件已经是科研院所等单位的必备工作软件之一,之所以大家讨论得较少,有可能并不是其上手难度低,而是这些使用人群的学习理解能力要相对高一点吧;其次:Excel不垃圾,但在函数绘图方面,比起Origin差远了,用垃圾来形容并不过分,可以问问任何高校老师,他们还会使用Excel出图么?那简直是自己找死。当然Origin也只是在绘图方面比Excel厉害,其它的方面还是比Excel差

    2022年5月31日
    111
  • matlab香农编码「建议收藏」

    matlab香农编码「建议收藏」1、读入图像使用imread()函数读入图像,由于m文件和图像放在同一目录下,故采用相对路径。img=imread(‘1.png’);2、统计灰度值使用imhist()函数,对图像的灰度值在[0,255]上做统计,统计每个灰度值出现的概率size()函数用来计算图像的大小。num=imhist(img);[m,n]=size(img);px=num/(m*n)…

    2025年10月23日
    6
  • python 快速排序算法

    python 快速排序算法随机数快速排序 python 实现

    2026年3月17日
    1
  • Postman :中文汉化界面一键配置「建议收藏」

    Postman :中文汉化界面一键配置「建议收藏」开心到飞起!!!Postman工具界面被大佬汉化啦!!Gitee和Github链接跳转地址:黄连木笛大佬的Gitee地址:PostmanCn黄连木笛大佬的Github地址:PostmanCn汉化包下载地址【2021-04-1320:22如有新版可以自己更新下载】:https://gitee.com//hlmd/PostmanCn/attach_files/670442/download/app.zip使用方法:解压并复制app文件夹到路径:C:/Users/用户名/AppData/Lo.

    2022年9月29日
    3

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号