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