整合图表-图表-树状图与反应-图表-2

Question

我想将图表-树状图中的树状图添加到使用反应图-2的现有项目中。

我已经试过了：

import ChartComponent from 'react-chartjs-2';


export default class TreeMap extends React.Component {
    render() {
        return (
            <ChartComponent
                {...this.props}
                ref={ref => this.chartInstance = ref && ref.chartInstance}
                type='treemap'
            />
        );
    }
}

但是，在尝试呈现此组件时，我可以看到以下错误：

错误：“树图”不是图表类型。

我如何使用图表-图表-树状图与反应？

Answer 1

必须将chartjs- has treemap库导入组件文件。

import ChartComponent from 'react-chartjs-2';
import 'chartjs-chart-treemap';


export default class TreeMap extends React.Component {
    render() {
        return (
            <ChartComponent
                {...this.props}
                ref={ref => this.chartInstance = ref && ref.chartInstance}
                type='treemap'
            />
        );
    }
}