vue中引入Echarts中国地图

邪丶魔狱

于 2020-07-09 10:15:29 发布

阅读量1.7k

点赞数 1

分类专栏： Web 文章标签： vue js

本文链接：https://blog.youkuaiyun.com/gao5805123/article/details/107220936

版权

Web 专栏收录该内容

13 篇文章 ¥19.90 ¥99.00

订阅专栏

本文介绍如何在Vue项目中通过Echarts库来引入并显示中国地图。首先，在main.js中导入Echarts库，然后在Vue组件的template和script部分编写相关代码实现地图展示。地图样式可以根据需求进行定制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue中引入Echarts中国地图

在main.js引入相应的js，只需要安装Echarts即可，以下所引入的js文件都存在在Echarts中

引入js

在vue文件的template中写入以下代码

<div id="myChartChina" :style="{width: '100%', height: '500px'}"></div>

在vue文件的script中写入以下代码

export default {
	mounted: function () {

		_this.drawLine();

	},
	methods: {
		drawLine() {
		
			let myChartContainer = document.getElementById('myChartChina');
			
            let resizeMyChartContainer = funct

了解本专栏