React呈现FusionChart使用API

import React, { Component } from 'react';
import FusionCharts from 'fusioncharts';
import Charts from 'fusioncharts/fusioncharts.charts';
import ReactFC from 'react-fusioncharts';

// 导入所需的图表类型
Charts(FusionCharts);

class ChartComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      chartConfig: {
        type: 'column2d',
        width: '600',
        height: '400',
        dataFormat: 'json',
        dataSource: {
          chart: {
            caption: '销售数据',
            subCaption: '按月份',
            xAxisName: '月份',
            yAxisName: '销售额',
          },
          data: [
            { label: '一月', value: '1000' },
            { label: '二月', value: '1500' },
            { label: '三月', value: '2000' },
            { label: '四月', value: '1800' },
            { label: '五月', value: '2500' },
          ],
        },
      },
    };
  }

  render() {
    return <ReactFC {...this.state.chartConfig} />;
  }
}

export default ChartComponent;