react-chartjs - react-chartjs で渡す値

Question

linkから react-chartjs を使用していました。例はデモで問題なく提供されますが、渡す必要があるdataとはどこにも言及されていません。optionsflotjs円グラフを使用して、以下と同じデータとオプションを送信していましたが、うまくいかないようですか? css/lessグラフが正常に表示されるように追加する必要はありますか、それとも入力データに問題はありますか?

var chartData=[   {label: "Series 0",data: 1},
                  {label: "Series 1",data: 3},
                  {label: "Series 2",data: 9},
                  {label: "Series 3",data: 20}
              ];

var chartOptions={ series: { pie: { show: true } }, 
                   grid  : { hoverable: true }, 
                  tooltip: true,
              tooltipOpts: { content: "%p.0%, %s", shifts: {x: 20,y: 0},                   
                             defaultTheme: false }};

<PieChart data={chartData} options={chartOptions} width="600" height="250"/>

また、既存のコンポーネントに chart.js と React をインポートします。chartDataとchartOptionsが正しいかどうか教えてください。