如何在React.js中使用morris.js？

npm install morris.js

yarn add morris.js

import 'morris.js/morris.css';
import Morris from 'morris.js';

import React, { Component } from 'react';
import 'morris.js/morris.css';
import Morris from 'morris.js';

class ChartComponent extends Component {
  componentDidMount() {
    // 初始化morris.js
    Morris.Line({
      element: 'chart-container',  // 指定要渲染图表的元素
      data: [
        { year: '2015', value: 10 },
        { year: '2016', value: 20 },
        { year: '2017', value: 15 },
        { year: '2018', value: 30 },
        { year: '2019', value: 25 }
      ],
      xkey: 'year',  // x轴数据字段
      ykeys: ['value'],  // y轴数据字段
      labels: ['Value'],  // 数据标签
      resize: true  // 是否自动调整图表大小
    });
  }

  render() {
    return <div id="chart-container"></div>;
  }
}

export default ChartComponent;