Reactjs React js与React chart js，不呈现圆环图

我想在我的统计页面中使用react chartjs。因此，我目前正在测试react chartjs的每个组件，如条形图和折线图

为了绘制条形图和折线图，我制作了简单的数据集，效果很好。但是，对于甜甜圈图表，它不会呈现它

import React, {PropTypes}                           from 'react';
import classnames                                   from 'classnames';
import Actions                                      from '../../actions/statistics';
import {Doughnut as DoughnutChart}                  from 'react-chartjs';

export default class Testing extends React.Component {

 render () {
    const data = {
        labels: [
            "Red",
            "Blue",
            "Yellow"
        ],
        datasets: [
            {
                data: [300, 50, 100],
                backgroundColor: [
                    "#FF6384",
                    "#36A2EB",
                    "#FFCE56"
                ],
                hoverBackgroundColor: [
                    "#FF6384",
                    "#36A2EB",
                    "#FFCE56"
                ]
            }]
       };

    const styles = {
     graphContainer: {
      border: '1px solid black',
      padding: '15px'
     }
    }

    return (
        <div style={styles.graphContainer}>

        <DoughnutChart data={data} />

        </div>

    );  
 }
}

所以为了查看它在页面上的显示，我只是按照文档中的示例来呈现圆环图。在元素检查工具中，它显示画布类已呈现，但不显示图表

---

我做错了什么？提前谢谢

问题出在react chartjs上。在我将react-chartjs更改为react-chartjs-2之后，它就可以工作了

r您在控制台中收到任何错误吗？没有。。我没有得到任何错误。。。因此很难找到它不起作用的原因。。