analy-charts
TypeScript icon, indicating that this package has built-in type declarations

1.0.0 • Public • Published

图表组件

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

Dependents (0)

Package Sidebar

Install

npm i analy-charts

Weekly Downloads

1

Version

1.0.0

License

ISC

Unpacked Size

3.47 MB

Total Files

15

Last publish

Collaborators

  • whizbz