analy-charts

图表组件

图表组件包括: 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