在react 和vue 中引入echarts图表

不论是react 还是vue 都需要先下包

npm install echarts --save

在Examples - Apache ECharts中选择你想要使用的echarts图表

在react中 （以折线图为例）

        1、按需引入import * as echarts from 'echarts';

        2、使用useEffect,不要忘记引入哦

        3、渲染echarts图表

注意：不要忘记给echarts设置大小

在vue中（以饼图为例）

  1、按需引入import * as echarts from 'echarts';

  2、引入import { onMounted } from "vue";

3、渲染echarts图表

样式

总结：在vue中使用onMounted方法；react使用useEffect方法。另外可以在配置属性Documentation - Apache ECharts中修改echarts图表属性