Javascript react chartjs饼图不呈现

我复制了react chartjs文件夹并执行了以下操作：

没有在顶部添加react chartjs/pie库。我没有看到任何控制台错误，但我的饼图没有呈现。我甚至试着把这里提到的所有选项都放进去

var PieChart = require('../../components/react-chartjs/pie');

var MyComponent = React.createClass({
  render: function() {
  var pieOptions = {
            animatable: true,
      };
  var pieData = [
              {
                  value: 300,
                  color:"#F7464A",
                  highlight: "#FF5A5E",
                  label: "Red"
              },
              {
                  value: 50,
                  color: "#46BFBD",
                  highlight: "#5AD3D1",
                  label: "Green"
              },
              {
                  value: 100,
                  color: "#FDB45C",
                  highlight: "#FFC870",
                  label: "Yellow"
              },
              {
                  value: 40,
                  color: "#949FB1",
                  highlight: "#A8B3C5",
                  label: "Grey"
              },
              {
                  value: 120,
                  color: "#4D5360",
                  highlight: "#616774",
                  label: "Dark Grey"
              }
          ];
    return <PieChart data={pieData} options={pieOptions}/>
 }
});

var-PieChart=require（'../../components/react-chartjs/pie'）；
var MyComponent=React.createClass({
render:function（）{
变量选项={
可动画：对，
};
变量数据=[
{
价值：300，
颜色：#F7464A“，
亮点：“FF5A5E”，
标签：“红色”
},
{
价值：50，
颜色：“46BFBD”，
亮点：“5AD3D1”，
标签：“绿色”
},
{
数值：100，
颜色：“FDB45C”，
亮点：“FFC870”，
标签：“黄色”
},
{
价值：40，
颜色：“949FB1”，
亮点：“A8B3C5”，
标签：“灰色”
},
{
数值：120，
颜色：“4D5360”，
亮点：“616774”，
标签：“深灰色”
}
];
返回
}
});

$（函数（）{
var feedsList=全局_feedsList；
日志（“提要：+feedsList”）；
React.renderComponent(
,
document.getElementById（'ribbon'）
);
React.renderComponent(
，document.getElementById（'content'））
);
React.renderComponent(
，document.getElementById（'mycomponent'）
);
})    
变量选项={
可动画：对，
这是真的，
segmentStrokeColor:#fff“，
分段行程宽度：2，
percentageInnerCutout:0，
动画步骤：100，
动画化：“easeOutBounce”，
动画片：对，
legendTemplate:“
”
};

使用这两个站点作为参考来编写上述代码：

---

我知道这是一个老问题，但我遇到了与上述问题完全相同的问题。没有错误，数据和选项与chartjs文档匹配

对我来说，解决办法是我没有将vanilla chartjs需求包含到项目本身中。documentation（）声明如下：还必须包含chart.js并作为依赖项进行响应

因此，当我添加以下内容时：

var PieChart = require('../../components/react-chartjs/pie'); // From Example
var Chart = require('chartjs'); 

---

我的图表开始出现了。希望这能帮助那些对没有出现错误或任何东西的图表感到沮丧的人。当您查看源代码并只看到一张空白画布时，您就会知道我在说什么。

@peter同样的问题。需要添加以下粗体行以使所有内容正常工作：

import React from 'react';
var LChart = require("react-chartjs").Line;
**var Chart = require('chartjs');**
class LineChart extends React.Component {


    render() {

        return <LChart data={this.props.data} width="600" height="250" redraw/>
    }   

}

export default LineChart;

从“React”导入React；
var LChart=要求（“反应图表”）.行；
**var Chart=require（'chartjs'）**
类折线图扩展了React.Component{
render（）{
返回
}   
}
导出默认线形图；

发生了什么？根据您提供的内容，忘记脚本标记或不运行browserify的可能性与其他任何操作一样。只是没有呈现piechart，也没有看到任何错误，因为您还没有显示html。是否验证存在id=mycomponent的元素？此外，您的选项来自MyComponent内部的本地变量，而不是它外部的较大变量。本地选项只有1个键/值对，因此请尝试从中删除尾随逗号。的自述文件给出了示例：。您的PieChart声明上没有任何宽度或高度。尝试添加它们（以防万一）。

import React from 'react';
var LChart = require("react-chartjs").Line;
**var Chart = require('chartjs');**
class LineChart extends React.Component {


    render() {

        return <LChart data={this.props.data} width="600" height="250" redraw/>
    }   

}

export default LineChart;