uni-app 使用echarts图表插件步骤（柱状）

最新推荐文章于 2024-08-21 17:31:52 发布

杨葱儿

最新推荐文章于 2024-08-21 17:31:52 发布

阅读量4.7k

点赞数 3

分类专栏： uni-app

本文链接：https://blog.csdn.net/weixin_44285250/article/details/108576426

版权

一、去插件市场下载插件：https://ext.dcloud.net.cn/plugin?id=1668

二、把components和static里面的文件复制到自己的项目中:（如果你的图表不显示，肯定是忘记了static文件的js）

三、使用：

<template>
	<view>
		<echarts :option="option" style="height: 300px;" @click="echartsClick"></echarts>
		<echarts-el :option="option" style="height: 300px;"></echarts-el>
		<button @click="updateClick">切换数据</button>
	</view>
</template>

<script>
import Echarts from '@/components/echarts/echarts.vue'
import EchartsEl from '@/compo