首页 前端知识 vue2使用echarts做中国地图

vue2使用echarts做中国地图

2024-01-28 12:01:09 前端知识 前端哥 769 180 我要收藏

如何在vue组件中引入中国地图

1、将echarts安装到vue中
1.1在组件中引入import *as echarts from ‘echarts’
1.2在组件中准备一个盒子(有宽高)用于放置地图

2、使用地图必须要china.js引入到组件里面
import ‘…/地图js/china.js’
2.1china.js到网上下载
百度网盘china.js

3、因为在组件里面,所以要在methods定义一个函数
,在这个函数里面
3.1 // 基于准备好的dom,初始化echarts实例
var myChart =echarts.init(document.getElementById(‘main’));
3.2 // 指定图表的配置项和数据
这里面的数据从echarts社区里面获取
3.3 // 使用刚指定的配置项和数据显示图表。
myChart.setOption(option);

4.echarts社区有
4.1、PPChart
地址:http://ppchart.com/#/

4.2、DataInsight
地址:http://analysis.datains.cn/finance-admin/index.html#/chartLib/all

4.3、isqqw
地址:https://www.isqqw.com/

4.4、makeapie
地址:https://www.makeapie.cn/echarts

4.4、Chart.Top
地址: http://chart.365api.cn/#/

转载请注明出处或者链接地址:https://www.qianduange.cn//article/670.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!