小程序-taro中使用echarts

最新推荐文章于 2025-09-09 15:42:25 发布

原创最新推荐文章于 2025-09-09 15:42:25 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

本文介绍了如何在Taro项目中引入并使用ECharts图表库。通过npm安装ECharts及地图资源包，并在组件中引入echarts核心库及ECharts组件，设置option配置项即可展示所需的图表。

taro中使用echarts

npm i  echarts techarts -D
import EChart from 'techarts';// 引入techarts
import * as echarts from 'echarts';// 引入echarts
<EChart echarts={echarts} option={option} />; 
//option    echarts呈现图表的数据
//可去echarts官网 https://echarts.apache.org  找自己想要的数据格式
//使用echarts地图时，需要重新引入相应的地图资源包 npm包的路径   echarts/map/js 下多种地图资源