将chartjs-chart-treemap与react-chartjs-2集成

Question

我想将chartjs-chart-treemap中的树形图添加到使用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-chart-treemap？

Answer 1

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