echarts-for-react

【React】react项目引入echarts插件 K线图

笑着哭i 提交于 2020-05-08 19:41:30
参考npm文档: https://www.npmjs.com/package/echarts-for-react 由于npm上已经有针对react项目出的echarts插件,所以在这里直接安装 第一步:npm安装echarts-for-react npm install --save echarts- for-react npm install echarts --save //如果有报错找不到echarts模块,需要在安装一下exharts' 第二步:引入模块和组件 import echarts from 'echarts' import echarts from 'echarts/lib/echarts' <ReactEcharts option={ this.getOption()} /> 第三步:参考echarts官网实例添加option参数 参考官网: https://echarts.baidu.com/examples/ 配置 option =>>> getOption = ()=> { let option = { title:{ text: '用户骑行订单' }, tooltip:{ //展示数据 trigger: 'axis' }, xAxis:{ data:[ '周一', '周二', '周三', '周四', '周五', '周六', '周日'] }, yAxis: