＜ReactEcharts/＞组件属性参数记录

68 阅读 0 评论 45 点赞

我是靠谱客的博主粗犷夕阳，最近开发中收集的这篇文章主要介绍＜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博客