Skip to content

示例

基础使用

loading

异步数据加载

支持通过request来请求,XAxisYAxis、和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在请求数据时是否清空之前的数据booleantrue
loading是否加载中boolean-
loadingType设置加载中类型'default' | 'native''default'
nativeLoadingConfig使用原生loading时的设置any-
params用于网络请求的额外参数,变更后会自动发起网络请求Record<string, any>-
manul是否跳过第一次网络请求booleanfalse
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