示例
基础使用
loading
异步数据加载
支持通过request来请求,XAxis、YAxis、和Series的数据,通过配置的id字段映射。
设置params属性,将在此属性变更后再再次发起网络请求。
loading
自定义tooltip
通过
tooltip插槽自定义渲染tooltip
loading
设置加载中样式
通过loadingType设置加载中类型,目前支持两种类型:
default: 默认类型,显示一个半透明遮罩层以及加载中效果native:ECharts内置样式
如果设置的是native类型,还可以设置nativeLoadingConfig来配置更多样式。
loading
API
Props
| 属性 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| data | 数据源(支持传入dataset) | any | - |
| request | 异步请求数据源 | (params?: Record<string, any>) => Promise<Record<string, any>> | - |
| clear | 在请求数据时是否清空之前的数据 | boolean | true |
| loading | 是否加载中 | boolean | - |
| loadingType | 设置加载中类型 | 'default' | 'native' | 'default' |
| nativeLoadingConfig | 使用原生loading时的设置 | any | - |
| params | 用于网络请求的额外参数,变更后会自动发起网络请求 | Record<string, any> | - |
| manul | 是否跳过第一次网络请求 | boolean | false |
| resizeWrapperStyle | 可变尺寸容器样式(最外层容器) | CSSProperties | - |
| wrapperStyle | 内容容器样式 | StyleValue | - |
| wrapperClassName | 内容容器的类名 | any | - |
| options | 当前图表的配置 | ECOption | - |
| theme | 指定颜色主题 | string | object | null | - |
| dataset | 数据集相关设置 | DatasetConfig<DataType> | - |
| onDatasetChange | 触发数据集计算更新时触发(注意:新的数据集可能并没有变化) | (dataset: any) => void | - |
| initOptions | 初始化echarts的的配置参数 | ECInitOption | - |
| updateOptions | 调用setOption时的配置项 | ECUpdateOption | - |
| group | 设置图表的分组,用于联动 | string | - |
Instance
详见 ChartExpose