Javascript 将chartjs图表树状图与react-chartjs-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'
            />
        );
    }
}

从'react-chartjs-2'导入ChartComponent；
导出默认类TreeMap扩展React.Component{
render（）{
返回(
this.chartInstance=ref&&ref.chartInstance}
type='treemap'
/>
);
}
}

，但在尝试渲染此组件时，我可以看到以下错误：

错误：“treemap”不是图表类型

---

如何将chartjs图表树状图与React一起使用？

必须将chartjs图表树状图库导入组件文件

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'
            />
        );
    }
}

从'react-chartjs-2'导入ChartComponent；
导入“chartjs图表树图”；
导出默认类TreeMap扩展React.Component{
render（）{
返回(
this.chartInstance=ref&&ref.chartInstance}
type='treemap'
/>
);
}
}