1.1.1 • Published 7 months ago
@agions/taroviz v1.1.1
@agions/taroviz
基于 Taro 和 ECharts 的多端图表组件库完整包,支持微信小程序、支付宝小程序、百度小程序、H5等多平台。
介绍
@agions/taroviz 是TaroViz组件库的主包,包含了所有子包的功能,提供完整的多端图表解决方案。如果您想使用TaroViz的全部功能,推荐直接安装此包。
安装
# npm
npm install @agions/taroviz
# yarn
yarn add @agions/taroviz
# pnpm
pnpm add @agions/taroviz包依赖关系
该包整合了以下子包:
@agions/taroviz-core- 核心组件@agions/taroviz-charts- 图表组件@agions/taroviz-adapters- 平台适配器@agions/taroviz-themes- 主题系统@agions/taroviz-data- 数据处理@agions/taroviz-hooks- React Hooks
使用示例
import React from 'react';
import { LineChart } from '@agions/taroviz';
const App = () => {
const data = {
xAxis: ['周一', '周二', '周三', '周四', '周五'],
series: [150, 230, 224, 218, 135]
};
return (
<LineChart
data={data}
width={350}
height={250}
/>
);
};
export default App;API文档
导出的组件
以下是主要的图表组件:
LineChart- 折线图BarChart- 柱状图PieChart- 饼图RadarChart- 雷达图ScatterChart- 散点图HeatmapChart- 热力图
更多图表类型请参考完整文档。
导出的工具
Core- 核心APIAdapters- 适配器APICharts- 图表组件APIThemes- 主题系统APIData- 数据处理APIHooks- React Hooks API
依赖要求
@tarojs/components: >=3.4.0@tarojs/taro: >=3.4.0echarts: >=5.4.0react: >=16.13.0
相关链接
许可证
MIT © Agions