@advt-gpt-chart/package 2.1.2 → 2.1.3
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 +55 -55
- package/dist/Chart/ChartControllers/DataFormat/utils.d.ts +1 -1
- package/dist/GPTVis/hooks/useChartStore.d.ts +5 -2
- package/dist/index.es.js +3116 -3115
- package/dist/index.es.js.gz +0 -0
- package/dist/index.umd.js +224 -235
- package/dist/index.umd.js.gz +0 -0
- package/dist/services/index.d.ts +1 -1
- package/dist/version.d.ts +1 -1
- package/package.json +107 -107
package/README.md
CHANGED
|
@@ -1,55 +1,55 @@
|
|
|
1
|
-
# advt-gpt-chart 可视化组件库
|
|
2
|
-
|
|
3
|
-
## 特性
|
|
4
|
-
|
|
5
|
-
- 📊 支持13+图表类型（折线图/柱状图/饼图/雷达图等）
|
|
6
|
-
- 🎨 内置Light/Dark双主题体系
|
|
7
|
-
- 📝 Markdown协议直接渲染图表
|
|
8
|
-
<!-- - 🌐 国际化多语言支持 -->
|
|
9
|
-
- 🛠 完善的TypeScript类型定义
|
|
10
|
-
|
|
11
|
-
# 安装依赖
|
|
12
|
-
|
|
13
|
-
```bash
|
|
14
|
-
npm install @advt-gpt-chart/package
|
|
15
|
-
pnpm install @advt-gpt-chart/package
|
|
16
|
-
```
|
|
17
|
-
|
|
18
|
-
# 使用
|
|
19
|
-
```tsx
|
|
20
|
-
import { ConfigProvider, Line, GPTVis } from '@advt-gpt-chart/package';
|
|
21
|
-
|
|
22
|
-
function App() {
|
|
23
|
-
|
|
24
|
-
const markdownContent = `
|
|
25
|
-
以下是为你绘制的一个饼图
|
|
26
|
-
\`\`\`vis-chart
|
|
27
|
-
{
|
|
28
|
-
"type": "pie",
|
|
29
|
-
"data": [
|
|
30
|
-
{ "category": "分类一", "value": 27 },
|
|
31
|
-
{ "category": "分类二", "value": 25 },
|
|
32
|
-
{ "category": "分类三", "value": 18 },
|
|
33
|
-
{ "category": "分类四", "value": 15 },
|
|
34
|
-
{ "category": "分类五", "value": 10 },
|
|
35
|
-
{ "category": "其他", "value": 5 }
|
|
36
|
-
],
|
|
37
|
-
"nameField": "category",
|
|
38
|
-
"valField": "value"
|
|
39
|
-
}
|
|
40
|
-
\`\`\`
|
|
41
|
-
`;
|
|
42
|
-
|
|
43
|
-
return (
|
|
44
|
-
<ConfigProvider theme="dark">
|
|
45
|
-
{/* 直接使用图表组件 */}
|
|
46
|
-
<Line data={[...]} />
|
|
47
|
-
|
|
48
|
-
{/* 通过Markdown渲染 */}
|
|
49
|
-
<GPTVis>
|
|
50
|
-
{markdownContent}
|
|
51
|
-
</GPTVis>
|
|
52
|
-
</ConfigProvider>
|
|
53
|
-
);
|
|
54
|
-
}
|
|
55
|
-
```
|
|
1
|
+
# advt-gpt-chart 可视化组件库
|
|
2
|
+
|
|
3
|
+
## 特性
|
|
4
|
+
|
|
5
|
+
- 📊 支持13+图表类型（折线图/柱状图/饼图/雷达图等）
|
|
6
|
+
- 🎨 内置Light/Dark双主题体系
|
|
7
|
+
- 📝 Markdown协议直接渲染图表
|
|
8
|
+
<!-- - 🌐 国际化多语言支持 -->
|
|
9
|
+
- 🛠 完善的TypeScript类型定义
|
|
10
|
+
|
|
11
|
+
# 安装依赖
|
|
12
|
+
|
|
13
|
+
```bash
|
|
14
|
+
npm install @advt-gpt-chart/package
|
|
15
|
+
pnpm install @advt-gpt-chart/package
|
|
16
|
+
```
|
|
17
|
+
|
|
18
|
+
# 使用
|
|
19
|
+
```tsx
|
|
20
|
+
import { ConfigProvider, Line, GPTVis } from '@advt-gpt-chart/package';
|
|
21
|
+
|
|
22
|
+
function App() {
|
|
23
|
+
|
|
24
|
+
const markdownContent = `
|
|
25
|
+
以下是为你绘制的一个饼图
|
|
26
|
+
\`\`\`vis-chart
|
|
27
|
+
{
|
|
28
|
+
"type": "pie",
|
|
29
|
+
"data": [
|
|
30
|
+
{ "category": "分类一", "value": 27 },
|
|
31
|
+
{ "category": "分类二", "value": 25 },
|
|
32
|
+
{ "category": "分类三", "value": 18 },
|
|
33
|
+
{ "category": "分类四", "value": 15 },
|
|
34
|
+
{ "category": "分类五", "value": 10 },
|
|
35
|
+
{ "category": "其他", "value": 5 }
|
|
36
|
+
],
|
|
37
|
+
"nameField": "category",
|
|
38
|
+
"valField": "value"
|
|
39
|
+
}
|
|
40
|
+
\`\`\`
|
|
41
|
+
`;
|
|
42
|
+
|
|
43
|
+
return (
|
|
44
|
+
<ConfigProvider theme="dark">
|
|
45
|
+
{/* 直接使用图表组件 */}
|
|
46
|
+
<Line data={[...]} />
|
|
47
|
+
|
|
48
|
+
{/* 通过Markdown渲染 */}
|
|
49
|
+
<GPTVis>
|
|
50
|
+
{markdownContent}
|
|
51
|
+
</GPTVis>
|
|
52
|
+
</ConfigProvider>
|
|
53
|
+
);
|
|
54
|
+
}
|
|
55
|
+
```
|
|
@@ -23,12 +23,15 @@ export interface QueryError {
|
|
|
23
23
|
title: string;
|
|
24
24
|
message: string;
|
|
25
25
|
}
|
|
26
|
+
export interface ChartControllersConfig extends ChartControllersState {
|
|
27
|
+
dataFormat?: any;
|
|
28
|
+
}
|
|
26
29
|
export interface VizChartState {
|
|
27
30
|
theme: string;
|
|
28
31
|
chartLoading?: boolean;
|
|
29
32
|
chartJson: ChartJson;
|
|
30
33
|
dataset: Dataset;
|
|
31
|
-
controllerConfig:
|
|
34
|
+
controllerConfig: ChartControllersConfig;
|
|
32
35
|
contextMenu: ContextMenu;
|
|
33
36
|
drillBy: DrillBy;
|
|
34
37
|
dataSourceQueryInfo: DataSourceQueryInfo;
|
|
@@ -38,7 +41,7 @@ export interface VizChartState {
|
|
|
38
41
|
setChartJson: (chartJson: ChartJson) => void;
|
|
39
42
|
updateChartJson: (key: keyof ChartJson, newObj: any) => void;
|
|
40
43
|
setDataset: (dataset: Dataset) => void;
|
|
41
|
-
setControllerConfig: (controller:
|
|
44
|
+
setControllerConfig: (controller: ChartControllersConfig) => void;
|
|
42
45
|
setContextMenu: (contextMenu: ContextMenu) => void;
|
|
43
46
|
setChartDrillBy: (drillBy: DrillBy) => void;
|
|
44
47
|
setDataSourceQueryInfo: (dataSourceQueryInfo: DataSourceQueryInfo) => void;
|