@agions/taroviz 1.2.0 → 1.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +42 -36
- package/dist/cjs/index.js +1 -0
- package/dist/{index.esm.js → esm/index.js} +73473 -59179
- package/package.json +67 -8
- package/src/adapters/__tests__/index.test.ts +2 -2
- package/src/adapters/h5/index.ts +1 -1
- package/src/adapters/index.ts +99 -167
- package/src/charts/bar/index.tsx +2 -11
- package/src/charts/common/BaseChartWrapper.tsx +2 -2
- package/src/charts/funnel/index.tsx +2 -17
- package/src/charts/gauge/index.tsx +2 -17
- package/src/charts/heatmap/index.tsx +2 -17
- package/src/charts/line/index.tsx +2 -11
- package/src/charts/pie/index.tsx +3 -6
- package/src/charts/radar/index.tsx +2 -17
- package/src/charts/scatter/index.tsx +2 -17
- package/src/charts/types.ts +503 -30
- package/src/charts/utils.ts +1 -1
- package/src/core/__tests__/platform.test.ts +1 -1
- package/src/core/animation/AnimationManager.ts +2 -2
- package/src/core/components/BaseChart.tsx +12 -18
- package/src/core/components/ErrorBoundary.tsx +458 -0
- package/src/core/echarts.ts +58 -0
- package/src/core/index.ts +4 -1
- package/src/core/utils/__tests__/common.test.ts +1 -1
- package/src/core/utils/chartInstances.ts +2 -2
- package/src/core/utils/codeGenerator/CodeGenerator.ts +2 -2
- package/src/core/utils/codeGenerator/types.ts +0 -2
- package/src/core/utils/configGenerator/ConfigGenerator.ts +12 -12
- package/src/core/utils/debug/DebugPanel.tsx +1 -1
- package/src/core/utils/debug/debugger.ts +1 -1
- package/src/core/utils/index.ts +1 -1
- package/src/core/utils/performance/PerformanceAnalyzer.ts +5 -5
- package/src/editor/ThemeEditor.tsx +9 -9
- package/src/hooks/index.ts +441 -61
- package/src/main.tsx +1 -1
- package/src/themes/index.ts +651 -256
package/README.md
CHANGED
|
@@ -16,28 +16,32 @@
|
|
|
16
16
|
</p>
|
|
17
17
|
</div>
|
|
18
18
|
|
|
19
|
-
## 📢 最新版本 v1.
|
|
19
|
+
## 📢 最新版本 v1.2.1
|
|
20
20
|
|
|
21
|
-
我们很高兴地宣布 TaroViz v1.
|
|
21
|
+
我们很高兴地宣布 TaroViz v1.2.0 已正式发布！查看 [更新日志](./CHANGELOG.md) 了解详细信息。
|
|
22
22
|
|
|
23
23
|
## 📚 文档
|
|
24
24
|
|
|
25
|
-
- [
|
|
26
|
-
- [
|
|
27
|
-
- [
|
|
28
|
-
- [示例](
|
|
29
|
-
- [
|
|
25
|
+
- [在线文档](https://agions.github.io/TaroViz/)
|
|
26
|
+
- [快速开始](https://agions.github.io/TaroViz/guide/)
|
|
27
|
+
- [API文档](https://agions.github.io/TaroViz/api/)
|
|
28
|
+
- [示例](https://agions.github.io/TaroViz/examples/)
|
|
29
|
+
- [迁移指南](https://agions.github.io/TaroViz/migration/)
|
|
30
30
|
|
|
31
31
|
## 特性
|
|
32
32
|
|
|
33
33
|
- 📊 **丰富的图表类型** - 支持折线图、柱状图、饼图、散点图、雷达图、热力图、仪表盘、漏斗图等多种图表类型
|
|
34
|
-
- 📱 **多端适配支持** -
|
|
34
|
+
- 📱 **多端适配支持** - 支持微信小程序、支付宝小程序、百度小程序、字节跳动小程序、HarmonyOS 和 H5
|
|
35
35
|
- 🎨 **灵活的主题定制** - 内置多种主题，支持自定义主题
|
|
36
36
|
- 📦 **单包架构设计** - 简化依赖管理，方便使用
|
|
37
37
|
- 🚀 **高性能渲染** - 基于 ECharts 优化，确保流畅渲染
|
|
38
|
+
- ⚡ **性能分析工具** - 支持帧率监控和内存使用分析
|
|
38
39
|
- 🛠️ **强大的数据处理能力** - 内置数据处理工具，支持复杂数据转换
|
|
39
40
|
- 🎯 **易用的 React Hooks** - 提供便捷的 Hooks 简化开发
|
|
40
41
|
- 📖 **完善的类型定义** - 完整的 TypeScript 类型支持，提升开发体验
|
|
42
|
+
- 🛠️ **图表配置生成器** - 支持快速生成 ECharts 配置
|
|
43
|
+
- 🛠️ **代码示例生成器** - 支持 React、Vue、Vanilla 框架
|
|
44
|
+
- 📚 **完善的文档系统** - 包含在线示例和使用指南
|
|
41
45
|
|
|
42
46
|
## 快速开始
|
|
43
47
|
|
|
@@ -97,29 +101,29 @@ export default App;
|
|
|
97
101
|
|
|
98
102
|
TaroViz 支持以下图表类型：
|
|
99
103
|
|
|
100
|
-
| 图表类型 | 描述
|
|
101
|
-
|
|
102
|
-
| 折线图
|
|
103
|
-
| 柱状图
|
|
104
|
-
| 饼图
|
|
105
|
-
| 散点图
|
|
106
|
-
| 雷达图
|
|
107
|
-
| 热力图
|
|
108
|
-
| 仪表盘
|
|
109
|
-
| 漏斗图
|
|
104
|
+
| 图表类型 | 描述 | 组件名 |
|
|
105
|
+
| -------- | ---------------------------------- | -------------- |
|
|
106
|
+
| 折线图 | 用于展示数据随时间或类别变化的趋势 | `LineChart` |
|
|
107
|
+
| 柱状图 | 用于比较不同类别的数据大小 | `BarChart` |
|
|
108
|
+
| 饼图 | 用于展示数据占比关系 | `PieChart` |
|
|
109
|
+
| 散点图 | 用于展示两个变量之间的关系 | `ScatterChart` |
|
|
110
|
+
| 雷达图 | 用于展示多维度数据 | `RadarChart` |
|
|
111
|
+
| 热力图 | 用于展示数据密度和分布 | `HeatmapChart` |
|
|
112
|
+
| 仪表盘 | 用于展示单一指标的进度或状态 | `GaugeChart` |
|
|
113
|
+
| 漏斗图 | 用于展示流程中各阶段的数据转化 | `FunnelChart` |
|
|
110
114
|
|
|
111
115
|
## 架构说明
|
|
112
116
|
|
|
113
117
|
TaroViz 采用单包架构设计，包含以下核心模块：
|
|
114
118
|
|
|
115
|
-
| 模块
|
|
116
|
-
|
|
|
117
|
-
| core
|
|
118
|
-
| adapters
|
|
119
|
-
| charts
|
|
120
|
-
| hooks
|
|
121
|
-
| themes
|
|
122
|
-
| utils
|
|
119
|
+
| 模块 | 描述 |
|
|
120
|
+
| -------- | -------------------------------------- |
|
|
121
|
+
| core | 核心功能和类型定义 |
|
|
122
|
+
| adapters | 多平台适配器，处理不同平台的差异 |
|
|
123
|
+
| charts | 各种图表组件的实现 |
|
|
124
|
+
| hooks | React Hooks，提供便捷的状态管理 |
|
|
125
|
+
| themes | 主题系统，支持多种内置主题和自定义主题 |
|
|
126
|
+
| utils | 工具函数和数据处理工具 |
|
|
123
127
|
|
|
124
128
|
## 详细示例
|
|
125
129
|
|
|
@@ -316,14 +320,15 @@ pnpm run docs:api
|
|
|
316
320
|
|
|
317
321
|
## 兼容性
|
|
318
322
|
|
|
319
|
-
| 平台
|
|
320
|
-
|
|
321
|
-
| 微信小程序
|
|
322
|
-
| 支付宝小程序
|
|
323
|
-
| 百度小程序
|
|
324
|
-
| 字节跳动小程序 | ✅ 支持
|
|
325
|
-
|
|
|
326
|
-
|
|
|
323
|
+
| 平台 | 支持情况 |
|
|
324
|
+
| -------------- | ----------- |
|
|
325
|
+
| 微信小程序 | ✅ 支持 |
|
|
326
|
+
| 支付宝小程序 | ✅ 支持 |
|
|
327
|
+
| 百度小程序 | ✅ 支持 |
|
|
328
|
+
| 字节跳动小程序 | ✅ 支持 |
|
|
329
|
+
| HarmonyOS | ✅ 支持 |
|
|
330
|
+
| H5 | ✅ 支持 |
|
|
331
|
+
| React Native | ⚠️ 部分支持 |
|
|
327
332
|
|
|
328
333
|
## 贡献指南
|
|
329
334
|
|
|
@@ -350,8 +355,9 @@ pnpm run docs:api
|
|
|
350
355
|
如果您在使用过程中遇到问题，可以通过以下方式获取帮助：
|
|
351
356
|
|
|
352
357
|
- [GitHub Issues](https://github.com/agions/taroviz/issues) - 提交问题和建议
|
|
353
|
-
- [
|
|
354
|
-
- [示例](
|
|
358
|
+
- [在线文档](https://agions.github.io/TaroViz/) - 查看详细文档
|
|
359
|
+
- [示例](https://agions.github.io/TaroViz/examples/) - 参考使用示例
|
|
360
|
+
- [贡献指南](https://agions.github.io/TaroViz/contributing/) - 了解如何贡献代码
|
|
355
361
|
|
|
356
362
|
## 致谢
|
|
357
363
|
|