uniapp 小程序echarts 使用

最新推荐文章于 2024-08-16 17:34:54 发布

niersen丶尼尔森

最新推荐文章于 2024-08-16 17:34:54 发布

阅读量1.1w

点赞数 1

文章标签： echarts uniapp 图表小程序

本文链接：https://blog.csdn.net/Neil_1993/article/details/88557662

版权

本文介绍了如何在uniapp小程序中使用Echarts进行数据可视化。首先通过npm初始化项目，接着下载并引入Echarts、mpvue-echarts和zrender相关库。然后将文件夹导入到项目中，详细步骤包括从创建文件夹到完成库的整合。

摘要由CSDN通过智能技术生成

1.创建一个文件夹 npm init

2.下载类库

npm install echarts mpvue-echarts --save

3.将这三个文件夹复制粘贴到项目 echarts、mpvue-echats 、zrender

<template>
	<view class="content">
		<image class="logo" src="../../static/logo.png"></image>
		<view>
			<text class="title">{
  {title}}</text>
			<view class="iconfont icon-wode1" style="width: 50px;height: 50px;"></view>
		</view>

		<view class="bo