@agions/taroviz 1.5.0 → 1.7.0
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 +26 -21
- package/dist/cjs/index.js +1 -1
- package/dist/esm/index.js +51271 -3480
- package/package.json +2 -1
- package/src/charts/boxplot/__tests__/index.test.tsx +130 -0
- package/src/charts/boxplot/index.tsx +18 -0
- package/src/charts/boxplot/types.ts +46 -0
- package/src/charts/index.ts +9 -1
- package/src/charts/liquid/index.tsx +226 -0
- package/src/charts/liquid/types.ts +130 -0
- package/src/charts/parallel/__tests__/index.test.tsx +164 -0
- package/src/charts/parallel/index.tsx +18 -0
- package/src/charts/parallel/types.ts +73 -0
- package/src/charts/tree/index.tsx +117 -0
- package/src/charts/tree/types.ts +174 -0
- package/src/components/DataFilter/index.tsx +587 -0
- package/src/core/utils/drillDown.ts +643 -0
- package/src/editor/EnhancedThemeEditor.tsx +624 -0
- package/src/hooks/index.ts +39 -1
- package/src/hooks/useChartConnect.ts +362 -0
- package/src/hooks/useChartDownload.ts +692 -0
- package/src/hooks/useDataZoom.ts +323 -0
- package/src/index.ts +37 -9
- package/src/themes/index.ts +3 -0
- package/src/themes/useAutoTheme.ts +66 -0
package/README.md
CHANGED
|
@@ -10,15 +10,15 @@
|
|
|
10
10
|
<a href="https://www.npmjs.com/package/@agions/taroviz">
|
|
11
11
|
<img src="https://img.shields.io/npm/dm/@agions/taroviz.svg" alt="npm downloads">
|
|
12
12
|
</a>
|
|
13
|
-
<a href="https://github.com/
|
|
13
|
+
<a href="https://github.com/Agions/TaroViz/blob/main/LICENSE">
|
|
14
14
|
<img src="https://img.shields.io/npm/l/@agions/taroviz.svg" alt="license">
|
|
15
15
|
</a>
|
|
16
16
|
</p>
|
|
17
17
|
</div>
|
|
18
18
|
|
|
19
|
-
## 📢 最新版本 v1.
|
|
19
|
+
## 📢 最新版本 v1.6.0
|
|
20
20
|
|
|
21
|
-
我们很高兴地宣布 TaroViz v1.
|
|
21
|
+
我们很高兴地宣布 TaroViz v1.6.0 已正式发布！新增箱线图、平行坐标图、K线图、关系图、词云图，以及增强版主题编辑器。查看 [更新日志](./CHANGELOG.md) 了解详细信息。
|
|
22
22
|
|
|
23
23
|
## 📚 文档
|
|
24
24
|
|
|
@@ -102,21 +102,26 @@ export default App;
|
|
|
102
102
|
|
|
103
103
|
## 支持的图表类型
|
|
104
104
|
|
|
105
|
-
TaroViz
|
|
106
|
-
|
|
107
|
-
| 图表类型 | 描述 | 组件名
|
|
108
|
-
| -------- | ---------------------------------- |
|
|
109
|
-
| 折线图 | 用于展示数据随时间或类别变化的趋势 | `LineChart`
|
|
110
|
-
| 柱状图 | 用于比较不同类别的数据大小 | `BarChart`
|
|
111
|
-
| 饼图 | 用于展示数据占比关系 | `PieChart`
|
|
112
|
-
| 散点图 | 用于展示两个变量之间的关系 | `ScatterChart`
|
|
113
|
-
| 雷达图 | 用于展示多维度数据 | `RadarChart`
|
|
114
|
-
| 热力图 | 用于展示数据密度和分布 | `HeatmapChart`
|
|
115
|
-
| 仪表盘 | 用于展示单一指标的进度或状态 | `GaugeChart`
|
|
116
|
-
| 漏斗图 | 用于展示流程中各阶段的数据转化 | `FunnelChart`
|
|
117
|
-
| 矩形树图 | 用于展示带有层级结构的数据 | `TreeMapChart`
|
|
118
|
-
| 旭日图 | 用于展示多层级数据的占比关系 | `SunburstChart`
|
|
119
|
-
| 桑基图 | 用于展示数据流向和转移关系 | `SankeyChart`
|
|
105
|
+
TaroViz 支持 16 种图表类型：
|
|
106
|
+
|
|
107
|
+
| 图表类型 | 描述 | 组件名 |
|
|
108
|
+
| -------- | ---------------------------------- | ------------------- |
|
|
109
|
+
| 折线图 | 用于展示数据随时间或类别变化的趋势 | `LineChart` |
|
|
110
|
+
| 柱状图 | 用于比较不同类别的数据大小 | `BarChart` |
|
|
111
|
+
| 饼图 | 用于展示数据占比关系 | `PieChart` |
|
|
112
|
+
| 散点图 | 用于展示两个变量之间的关系 | `ScatterChart` |
|
|
113
|
+
| 雷达图 | 用于展示多维度数据 | `RadarChart` |
|
|
114
|
+
| 热力图 | 用于展示数据密度和分布 | `HeatmapChart` |
|
|
115
|
+
| 仪表盘 | 用于展示单一指标的进度或状态 | `GaugeChart` |
|
|
116
|
+
| 漏斗图 | 用于展示流程中各阶段的数据转化 | `FunnelChart` |
|
|
117
|
+
| 矩形树图 | 用于展示带有层级结构的数据 | `TreeMapChart` |
|
|
118
|
+
| 旭日图 | 用于展示多层级数据的占比关系 | `SunburstChart` |
|
|
119
|
+
| 桑基图 | 用于展示数据流向和转移关系 | `SankeyChart` |
|
|
120
|
+
| 箱线图 | 用于展示数据分布（统计对比） | `BoxplotChart` |
|
|
121
|
+
| 平行坐标图 | 用于展示高维数据各维度关系 | `ParallelChart` |
|
|
122
|
+
| 关系图 | 用于展示实体之间的关系网络 | `GraphChart` |
|
|
123
|
+
| K线图 | 用于展示金融数据的 OHLC | `CandlestickChart` |
|
|
124
|
+
| 词云图 | 用于展示文本关键词频率 | `WordCloudChart` |
|
|
120
125
|
|
|
121
126
|
## 架构说明
|
|
122
127
|
|
|
@@ -295,7 +300,7 @@ export default ScatterChartDemo;
|
|
|
295
300
|
|
|
296
301
|
```bash
|
|
297
302
|
# 克隆仓库
|
|
298
|
-
git clone https://github.com/
|
|
303
|
+
git clone https://github.com/Agions/TaroViz.git
|
|
299
304
|
|
|
300
305
|
# 安装依赖
|
|
301
306
|
pnpm install
|
|
@@ -360,7 +365,7 @@ pnpm run docs:api
|
|
|
360
365
|
|
|
361
366
|
如果您在使用过程中遇到问题，可以通过以下方式获取帮助：
|
|
362
367
|
|
|
363
|
-
- [GitHub Issues](https://github.com/
|
|
368
|
+
- [GitHub Issues](https://github.com/Agions/TaroViz/issues) - 提交问题和建议
|
|
364
369
|
- [在线文档](https://agions.github.io/TaroViz/) - 查看详细文档
|
|
365
370
|
- [示例](https://agions.github.io/TaroViz/examples/) - 参考使用示例
|
|
366
371
|
- [贡献指南](https://agions.github.io/TaroViz/contributing/) - 了解如何贡献代码
|
|
@@ -373,5 +378,5 @@ pnpm run docs:api
|
|
|
373
378
|
|
|
374
379
|
- [Taro 官网](https://taro.jd.com/)
|
|
375
380
|
- [ECharts 官网](https://echarts.apache.org/zh/index.html)
|
|
376
|
-
- [GitHub 仓库](https://github.com/
|
|
381
|
+
- [GitHub 仓库](https://github.com/Agions/TaroViz)
|
|
377
382
|
- [npm 包](https://www.npmjs.com/package/@agions/taroviz)
|