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

,但是在尝试渲染此组件时我会看到以下错误:

Error: "treemap" is not a chart type.

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