EChart
Container properties
All component configurations support Container properties at the first level.
Component properties
| Name | Type | Default | Supports Variable Pattern | Description |
|---|---|---|---|---|
| className | string | ✔️ | The className of the component | |
| style | object | The style of the component | ||
| category | 'axis' | 'pie' | 'generic' | axis - Axis coordinate system pie - Pie chart without coordinate system generic - The results obtained from the data source are directly rendered as echart option. At this time, the chartSettings / series / echartOption configuration is invalid | ||
| chartSettings | object | category=axis - with horizontal and vertical axis fields category=pie - with legend/value fields | ||
| echartOption | object | echart option settings | ||
| series | object | echart's series settings | ||
| dataSource | { token: string, pbcToken: string, listUrl: string } | data source | ||
| dataUrl | ConditionalListOrSinglePropertyPropType(string) | Get data via dataUrl. | ||
| dataFilters | ConditionalListPropertyPropType(DataFilters) | ✔️ | Fixed filter conditions hidden by requesting data source cannot be changed through the interface | |
| sortModel | Array<SortModel> | How to sort data | ||
| dataResponseKeyPath | string | 'results' | Take a certain subdata in response data as the result. | |
| transformDataResponse | string | Convert the retrieved data, use the eval expression, this points to the retrieved data. | ||
| translateDataResponse | bool | true | Is the translation request result required | |
| debounceTime | number | 200 | The debounce time of requesting data will trigger leadership. | |
| defaultValue | object | The default data of the data source will be merged with the data requested by the API. If the api request returns an array, merge each item of the array. If the API request returns an object, merge with this object. | ||
| httpMethod | 'get' | 'post' | 'post' | http method for data request. have | |
| selectColId | Array<string> | Loaded data fields, all fields will be loaded without configuration. |
All the remaining componentsProps will be passed to the component root element (div).
SortModel
| Name | Type | Default | Description |
|---|---|---|---|
| colId | string | Sort field id | |
| sort | 'asc' | 'desc' | 'asc' | Order in descending order |
| sortType | 'text' | 'number' | 'date' | 'text' | What type of values are sorted |
JS API
The interface obtained through formApi.getFieldApi() is as follows:
| Name | Type | Description |
|---|---|---|
| node | HTML Element | The root DOM element of the component |
| chart | object | EChart instance，Official documentation |