|
|
|
@ -1,5 +1,5 @@ |
|
|
|
--- |
|
|
|
title: |
|
|
|
title: |
|
|
|
en-US: Charts |
|
|
|
zh-CN: Charts |
|
|
|
subtitle: 图表 |
|
|
|
@ -59,7 +59,7 @@ Ant Design Pro 提供的业务中常用的图表类型,都是基于 [G2](https |
|
|
|
|----------|------------------------------------------|-------------|-------| |
|
|
|
| title | 图表标题 | ReactNode\|string | - | |
|
|
|
| color | 图表颜色 | string | `rgba(24, 144, 255, 0.85)` | |
|
|
|
| margin | 图表内部间距 | array | \[32, 0, 32, 40\] | |
|
|
|
| padding | 图表内部间距 | [array](https://github.com/alibaba/BizCharts/blob/master/doc/api/chart.md#7padding-object--number--array-) | `'auto'` | |
|
|
|
| height | 图表高度 | number | - | |
|
|
|
| data | 数据 | array<{x, y}> | - | |
|
|
|
| autoLabel | 在宽度不足时,自动隐藏 x 轴的 label | boolean | `true` | |
|
|
|
@ -72,7 +72,7 @@ Ant Design Pro 提供的业务中常用的图表类型,都是基于 [G2](https |
|
|
|
| color | 图表颜色 | string | `rgba(24, 144, 255, 0.85)` | |
|
|
|
| height | 图表高度 | number | - | |
|
|
|
| hasLegend | 是否显示 legend | boolean | `false` | |
|
|
|
| margin | 图表内部间距 | array | \[24, 0, 24, 0\] | |
|
|
|
| padding | 图表内部间距 | [array](https://github.com/alibaba/BizCharts/blob/master/doc/api/chart.md#7padding-object--number--array-) | `'auto'` | |
|
|
|
| percent | 占比 | number | - | |
|
|
|
| tooltip | 是否显示 tooltip | boolean | true | |
|
|
|
| valueFormat | 显示值的格式化函数 | function | - | |
|
|
|
@ -87,7 +87,7 @@ Ant Design Pro 提供的业务中常用的图表类型,都是基于 [G2](https |
|
|
|
| title | 图表标题 | ReactNode\|string | - | |
|
|
|
| height | 图表高度 | number | - | |
|
|
|
| hasLegend | 是否显示 legend | boolean | `false` | |
|
|
|
| margin | 图表内部间距 | array | \[24, 30, 16, 30\] | |
|
|
|
| padding | 图表内部间距 | [array](https://github.com/alibaba/BizCharts/blob/master/doc/api/chart.md#7padding-object--number--array-) | `'auto'` | |
|
|
|
| data | 图标数据 | array<{name,label,value}> | - | |
|
|
|
|
|
|
|
### Gauge |
|
|
|
|