vue使用echarts

最新推荐文章于 2024-12-07 20:45:40 发布

种草小妖儿.

最新推荐文章于 2024-12-07 20:45:40 发布

阅读量275

点赞数

分类专栏： Vue 文章标签： echarts vue.js javascript

本文链接：https://blog.csdn.net/S2763427717/article/details/126940627

版权

Vue 专栏收录该内容

11 篇文章 1 订阅

订阅专栏

下载依赖
```
npm i echarts
```

模板中放一个盒子

<div ref="echarts"></div>
//或者(上下二选一)
<div id= 'echarts1'></div>

在script下引入
```
import * as echarts from "echarts";
```

在methods中写一个方法

fun(){
	const option = {
		//参考官网echarts
	}
	//上边的div
	const E = echarts.init(this.$refs.echarts);
    option && E.setOption(option);
    //下边的div
    const E1 = echarts.init(document.getElementById("echarts1"));
    option && E1.setOption(option);
}