@agions/taroviz 1.2.1 → 1.3.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 +23 -17
- package/dist/cjs/index.js +1 -1
- package/dist/esm/index.js +6607 -80493
- package/package.json +36 -6
- package/src/adapters/h5/index.ts +1 -3
- package/src/adapters/index.ts +32 -21
- package/src/charts/common/BaseChartWrapper.tsx +2 -8
- package/src/charts/index.ts +6 -1
- package/src/charts/sankey/index.tsx +18 -0
- package/src/charts/sunburst/index.tsx +18 -0
- package/src/charts/treemap/index.tsx +18 -0
- package/src/charts/types.ts +258 -0
- package/src/core/components/Annotation.tsx +346 -0
- package/src/core/components/ErrorBoundary.tsx +92 -397
- package/src/core/components/LazyChart.tsx +200 -0
- package/src/core/echarts.ts +24 -2
- package/src/core/themes/ThemeManager.ts +628 -0
- package/src/core/utils/chartInstances.ts +9 -0
- package/src/core/utils/codeGenerator/CodeGenerator.ts +19 -5
- package/src/core/utils/export/ExportUtils.ts +385 -0
- package/src/core/utils/uuid.ts +9 -5
- package/src/hooks/index.ts +27 -9
- package/src/index.ts +72 -4
package/README.md
CHANGED
|
@@ -16,9 +16,9 @@
|
|
|
16
16
|
</p>
|
|
17
17
|
</div>
|
|
18
18
|
|
|
19
|
-
## 📢 最新版本 v1.
|
|
19
|
+
## 📢 最新版本 v1.3.1
|
|
20
20
|
|
|
21
|
-
我们很高兴地宣布 TaroViz v1.
|
|
21
|
+
我们很高兴地宣布 TaroViz v1.3.1 已正式发布！本次更新包含安全修复和代码优化。查看 [更新日志](./CHANGELOG.md) 了解详细信息。
|
|
22
22
|
|
|
23
23
|
## 📚 文档
|
|
24
24
|
|
|
@@ -30,14 +30,17 @@
|
|
|
30
30
|
|
|
31
31
|
## 特性
|
|
32
32
|
|
|
33
|
-
- 📊 **丰富的图表类型** -
|
|
33
|
+
- 📊 **丰富的图表类型** - 支持折线图、柱状图、饼图、散点图、雷达图、热力图、仪表盘、漏斗图、矩形树图、旭日图、桑基图等多种图表类型
|
|
34
34
|
- 📱 **多端适配支持** - 支持微信小程序、支付宝小程序、百度小程序、字节跳动小程序、HarmonyOS 和 H5
|
|
35
|
-
- 🎨 **灵活的主题定制** -
|
|
35
|
+
- 🎨 **灵活的主题定制** - 内置 10+ 预设主题，支持自定义主题和动态主题切换
|
|
36
36
|
- 📦 **单包架构设计** - 简化依赖管理，方便使用
|
|
37
|
-
- 🚀 **高性能渲染** - 基于 ECharts
|
|
37
|
+
- 🚀 **高性能渲染** - 基于 ECharts 优化，支持懒加载和渐进式渲染
|
|
38
38
|
- ⚡ **性能分析工具** - 支持帧率监控和内存使用分析
|
|
39
|
-
-
|
|
40
|
-
-
|
|
39
|
+
- 🛡️ **错误边界** - 内置 ErrorBoundary 组件，防止图表渲染错误影响应用
|
|
40
|
+
- 🪝 **懒加载支持** - 支持图表组件懒加载，优化首屏加载速度
|
|
41
|
+
- 🎯 **标注系统** - 支持 MarkLine、MarkArea 等标注，预设平均线、警戒线等样式
|
|
42
|
+
- 📤 **导出功能** - 支持导出为 PNG、JPEG、SVG、PDF 等格式
|
|
43
|
+
- 🎯 **易用的 React Hooks** - 提供 useChart、useResize、useResponsive、useThemeSwitcher 等 Hooks
|
|
41
44
|
- 📖 **完善的类型定义** - 完整的 TypeScript 类型支持，提升开发体验
|
|
42
45
|
- 🛠️ **图表配置生成器** - 支持快速生成 ECharts 配置
|
|
43
46
|
- 🛠️ **代码示例生成器** - 支持 React、Vue、Vanilla 框架
|
|
@@ -101,16 +104,19 @@ export default App;
|
|
|
101
104
|
|
|
102
105
|
TaroViz 支持以下图表类型：
|
|
103
106
|
|
|
104
|
-
| 图表类型 | 描述 | 组件名
|
|
105
|
-
| -------- | ---------------------------------- |
|
|
106
|
-
| 折线图 | 用于展示数据随时间或类别变化的趋势 | `LineChart`
|
|
107
|
-
| 柱状图 | 用于比较不同类别的数据大小 | `BarChart`
|
|
108
|
-
| 饼图 | 用于展示数据占比关系 | `PieChart`
|
|
109
|
-
| 散点图 | 用于展示两个变量之间的关系 | `ScatterChart`
|
|
110
|
-
| 雷达图 | 用于展示多维度数据 | `RadarChart`
|
|
111
|
-
| 热力图 | 用于展示数据密度和分布 | `HeatmapChart`
|
|
112
|
-
| 仪表盘 | 用于展示单一指标的进度或状态 | `GaugeChart`
|
|
113
|
-
| 漏斗图 | 用于展示流程中各阶段的数据转化 | `FunnelChart`
|
|
107
|
+
| 图表类型 | 描述 | 组件名 |
|
|
108
|
+
| -------- | ---------------------------------- | ---------------- |
|
|
109
|
+
| 折线图 | 用于展示数据随时间或类别变化的趋势 | `LineChart` |
|
|
110
|
+
| 柱状图 | 用于比较不同类别的数据大小 | `BarChart` |
|
|
111
|
+
| 饼图 | 用于展示数据占比关系 | `PieChart` |
|
|
112
|
+
| 散点图 | 用于展示两个变量之间的关系 | `ScatterChart` |
|
|
113
|
+
| 雷达图 | 用于展示多维度数据 | `RadarChart` |
|
|
114
|
+
| 热力图 | 用于展示数据密度和分布 | `HeatmapChart` |
|
|
115
|
+
| 仪表盘 | 用于展示单一指标的进度或状态 | `GaugeChart` |
|
|
116
|
+
| 漏斗图 | 用于展示流程中各阶段的数据转化 | `FunnelChart` |
|
|
117
|
+
| 矩形树图 | 用于展示带有层级结构的数据 | `TreeMapChart` |
|
|
118
|
+
| 旭日图 | 用于展示多层级数据的占比关系 | `SunburstChart` |
|
|
119
|
+
| 桑基图 | 用于展示数据流向和转移关系 | `SankeyChart` |
|
|
114
120
|
|
|
115
121
|
## 架构说明
|
|
116
122
|
|