博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
如何在react中使用echarts? echarts-for-react
阅读量:6851 次
发布时间:2019-06-26

本文共 603 字,大约阅读时间需要 2 分钟。

echarts-for-react 是一个简单精巧的针对于 React 的 Echarts 封装插件

  • 安装

    npm install --save echarts(依赖)

    npm install --save echarts-for-react

  • 项目中引入

    import ReactEcharts from 'echarts-for-react'

  • 在 render 函数中使用

复制代码

组件基本参数介绍:

option:接收一个对象,该对象为 echarts 的配置项

notMerge:可选,是否不跟之前设置的 option 进行合并,默认为 false,即合并。

LazyUpdate:可选,在设置完 option 后是否不立即更新图表,默认为 false,即立即更新。

style:echarts 容器 div 大小,默认:{height: ‘300px’}

onEvents:接收函数集合,如

const onEvents = {      'click': this.onChartClick      'legendselectchanged': this.onChartLegendselectchanged    };    onChartClick为定义在组件内的函数复制代码

转载于:https://juejin.im/post/5c7605fbe51d450a6c0275cc

你可能感兴趣的文章
SQL性能优化:如何定位网络性能问题
查看>>
博客园设置访问统计功能-by beanmoon
查看>>
Weblogic魔法堂:AdminServer.lok被锁导致启动、关闭域失败
查看>>
js~一个列表中包含上移下移删除等功能
查看>>
第 31 章 Observium
查看>>
[LeetCode] 3Sum Closest
查看>>
CentOS 7修改网卡名称
查看>>
ubuntu使用的一点建议
查看>>
Hello MongoDB -- Java编程
查看>>
拥抱了IDEA却发现再也回不去Eclipse...
查看>>
【Spring实战】—— 6 内部Bean
查看>>
深度学习中常见的几个基础概念
查看>>
x86 和 ARM 谁能主宰服务器市场?Linux 之父和 Redis 之父有分歧了
查看>>
SAP MRP 平衡在MM模块采购流程中的体现
查看>>
SAP Scriptform 开发2
查看>>
开源Math.NET基础数学类库使用(07)一些常用的数学物理常数
查看>>
grep
查看>>
如何应付表数据过大的查询问题?(如何尽量避免大表关联)
查看>>
如何在最段的时间内让搜索引擎收录一个新网站?
查看>>
基于KMP与Levenshtein模糊匹配算法的银行联行号查询(转)
查看>>