小编Luc*_*ani的帖子

我想在 React 中使用 c3 创建一个字符，稍后每秒更新一次。

我正在尝试按照使用 React 更新 C3 图表上的道具更改提供的示例 ，但是第一步，即创建图表，没有发生。

这是我的小提琴：

https://jsfiddle.net/69z2wepo/227446/

import c3 from 'c3';
import React from "react";
import ReactDOM from "react-dom";

class Hello extends React.Component {

  renderChart() {
        this.chart = c3.generate({
            bindto:"#chart1",
            data: {
                columns: [
                    ['data1', 30, 200, 100, 400, 150, 250],
                    ['data2', 50, 20, 10, 40, 15, 25]
                ]
            }
        });
    }



  render() {

    this.renderChart()

    return <div id="chart1"></div>;
  }
}

ReactDOM.render(
  <Hello />,
  document.getElementById('container')
);

我用 npm 安装了 c3 并将它导入到组件中。

谢谢您的帮助。