1.0.0 • Published 1 year ago
analy-charts v1.0.0
图表组件
图表组件包括: 1、纯UI图表组件Chart 2、根据接口信息动态生成图表组件AnalysisChart。
- 纯UI图表组件Chart：用户可以传入自定义扩展图表属性，不传则渲染默认UE规范的图表。
- AnalysisChart 报表分析组件： 基于接口信息和字段描述将数据处理为Charts组件所需要的配置Setting。配置信息为echarts属性信息。
API说明
AnalysisChart 分析报表
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| dataUrl | 请求接口URL | string | |
| chartData | 图表数据内容，如果dataUrl为空时，不会再请求图表数据，以chartData内容进行解析 | array | |
| dataMethodType | 接口请求方式 | Method | |
| filterParams | 接口请求参数信息（根据dataMethodType,动态适配传参格式） | object | |
| options | 接口字段转换信息，具体配置参考下面说明 | object | |
| customSettings | 用户自定义图表配置信息 | EChartsOption | |
| hanleEvents | 用户自定义图表鼠标相关事件 eg:{ click: (param, originData)=> {}}, 调用事件方法时会传入图形的数据信息的对象，图表的原数据信息 | object | |
| className | 自定义样式名 | string |
options字段说明
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| dimensionsField | 维度字段 | string | |
| measure | 量度相关信息，会根据measure中定义的信息转换为series内容，其中valueField为指标字段，nameField指标名称字段（在环形图才会用的），name：该指标名称， type: 该指标展示图的类型，bar为柱状图、line折线图、pie为环形图 | ||
| convertChartData | 自定义转换接口方法数据 | function | |
| faceType | 图表朝向。默认为vertical 纵向朝向。值为 horizontal代表图是横向朝向 | string | vertical |
Chart
| 属性 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| settings | 用户自定义属性星系 | EChartsOption | |
| className | 自定义样式名 | string |