<ReactEcharts/>组件属性参数记录

option

EChartsOption,基础的option,包含数据和chart样式;请参照Examples - Apache ECharts

style
CSSProperties,图表整体的长宽高等的样式,其样式会覆盖className
className
string,引用的styles样式名
showLoading
boolean,default is false;图表加载完成前是否显示loading,loading显示时图表默认为白底
notMerge
boolean,default is false;为true时不跟之前设置的 option 进行合并。为false时需要特别注意!若原option有三个series,新option只有两个的时候,两option数据合并,渲染出来的数据是带有原option的第三个series的,会有数据污染!
lazyUpdate
boolean,default is false;是否启用懒加载,为true启用时当option配置完成时不会立刻更新图表
onChartReady
(instance: EChartsInstance) => void
图表渲染完毕时触发的回调函数
theme
string or theme object,表格主题配置
onEvents可选,绑定 echarts 事件,通过 echarts 事件对象回调
loadingOption可选,加载动画配置项

 

基本使用如下:

<ReactEcharts
  showLoading={loading}
  option={currentOption}
  notMerge={true}
  lazyUpdate={true}
  style={{ width: '100%', height: '315px', top: '0.5rem' }}
  className={styles.table}
/>

可参照大神的详细解答:echarts 自适应_精读 《 echarts-for-react 源码 》_weixin_39816448的博客-CSDN博客

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值