酸酸的博客

最近在项目中使用到Echarts图表库，今天来分享一下我是如何使用Echarts图表库的。Echarts官网地址: https://echarts.apache.org/zh/index.html.1.通过npm获取 ECharts：npm install echarts --save2.引入Echarts// 引入 ECharts 主模块import echarts from 'echarts';3.创建一个柱状图import React from 'react';import s

写在前面：由于echarts图表是动态的数据，直接打印会丢失图表数据，所以打印echarts时会先将echarts图表转换成img图片，再进行打印。*当多次循环调用echarts图表时，请注意要动态的修改绑定div的id，不要让多个echarts图表div的id相同。一、先创建打印页面创建PrintBox文件夹，在其中新建index.js文件以及styles.less文件，BarChart与PieChart是自己写的图表组件。（一会给你们看这俩页面的代码）index.js页面小伙伴们，我这里是已