图表组件包括: 1、纯UI图表组件Chart 2、根据接口信息动态生成图表组件AnalysisChart。
- 纯UI图表组件Chart:用户可以传入自定义扩展图表属性,不传则渲染默认UE规范的图表。
- AnalysisChart 报表分析组件: 基于接口信息和字段描述将数据处理为Charts组件所需要的配置Setting。配置信息为echarts属性信息。
属性 |
说明 |
类型 |
默认值 |
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 |
属性 |
说明 |
类型 |
默认值 |
settings |
用户自定义属性星系 |
EChartsOption |
|
className |
自定义样式名 |
string |
|