React中使用ECharts

最新推荐文章于 2024-09-13 21:59:55 发布

阁下长得好生俊俏

最新推荐文章于 2024-09-13 21:59:55 发布

阅读量5.9k

点赞数

分类专栏： React

本文链接：https://blog.csdn.net/H1069495874/article/details/72882881

版权

本文介绍了如何在React项目中使用ECharts。通过npm安装ECharts后，可以在React组件中导入echarts.common模块来实现图表展示。

摘要由CSDN通过智能技术生成

使用node.js的npm命令安装：

npm install echarts --save

ECharts就被下载到项目中的node_modules文件夹中，这个时候我们就可以在编写的react组件中使用ECharts了

import React, { Component } from 'react';
// 引入 ECharts 主模块
import echarts from 'echarts/dist/echarts.common';
// 引入折线图
import  'echarts/lib/chart/line';
// 引入提示框和标题组件
import 'echarts/lib/component/tooltip';
import 'echarts/lib/component/title';

export default class EchartsTest extends Component {
   
    componentDidMount() {
        var base = +new Date(<