C3图表未在react项目中呈现

npm install c3 d3

import React, { useEffect } from 'react';
import c3 from 'c3';
import 'c3/c3.css';

const ChartComponent = () => {
  useEffect(() => {
    // 在组件挂载后创建图表
    const chart = c3.generate({
      bindto: '#chart', // 指定图表容器的选择器
      data: {
        columns: [
          ['数据1', 30, 200, 100, 400, 150, 250],
          ['数据2', 50, 20, 10, 40, 15, 25]
        ],
        type: 'bar' // 图表类型
      }
    });

    // 在组件卸载前销毁图表
    return () => {
      chart.destroy();
    };
  }, []);

  return <div id="chart"></div>; // 指定图表容器的DOM元素
};

export default ChartComponent;