EChart
容器属性
所有组件配置的第一层均支持容器属性
组件属性 componentsProps
| Name | Type | Default | 是否支持 Variable Pattern | Description |
|---|---|---|---|---|
| className | string | ✔️ | 组件的 className | |
| style | object | 组件的 style | ||
| category | 'axis' | 'pie' | 'generic' | axis - 轴坐标系 pie - 饼图无坐标系 generic - 从数据源获取的结果作为echart option直接渲染，此时chartSettings / series / echartOption 配置无效 | ||
| chartSettings | object | category=axis - 配横纵轴字段 category=pie - 配legend/value字段 | ||
| echartOption | object | echart 的 option 设置 | ||
| series | object | echart 的 series 设置 | ||
| dataSource | { token: string, pbcToken: string, listUrl: string } | 数据源 | ||
| dataUrl | ConditionalListOrSinglePropertyPropType(string) | 通过 dataUrl 获取数据。 | ||
| dataFilters | ConditionalListPropertyPropType(DataFilters) | ✔️ | 请求数据源隐藏的固定 filter 条件，无法通过界面进行改变 | |
| sortModel | Array<SortModel> | 数据的排序方式 | ||
| dataResponseKeyPath | string | 'results' | 取 response data 里的某一个子数据来作为结果。 | |
| transformDataResponse | string | 转换取到的数据，使用 eval 表达式，this 指向获取到的数据。 | ||
| translateDataResponse | bool | true | 是否需要翻译请求结果 | |
| debounceTime | number | 200 | 请求数据的 debounce time，会触发 leading。 | |
| defaultValue | object | 数据源的默认数据，会和 api 请求到的数据进行 merge。如果 api 请求返回的是数组，则和数组的每一项进行 merge。如果 api 请求返回的是个对象，则和此对象进行 merge。 | ||
| httpMethod | 'get' | 'post' | 'post' | 数据请求的http方法。有 | |
| selectColId | Array<string> | 加载的数据字段，不配置则加载所有字段。 |
所有其余 componentsProps 将会被传给组件根元素（div）。
SortModel
| Name | Type | Default | Description |
|---|---|---|---|
| colId | string | 排序字段 id | |
| sort | 'asc' | 'desc' | 'asc' | 生序或者降序排序 |
| sortType | 'text' | 'number' | 'date' | 'text' | 值按照什么类型进行排序 |
JS API
通过 formApi.getFieldApi() 获取的接口如下：
| Name | Type | Description |
|---|---|---|
| node | HTML Element | 组件的根 DOM 元素 |
| chart | object | EChart 实例，官方文档 |