什麼值通過react-chartjs

正在使用來自link的react-chartjs。示例通過演示給出了很好的例子，但需要傳遞的data和options在任何地方都沒有提及。使用flotjs餅圖併發送相同的數據和選項如下，但它似乎不工作？是否有任何css/less需要添加，以便圖形應該很好或者輸入數據有問題？什麼值通過react-chartjs

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是否正確？

來源

2016-10-05 Worker

假設您使用的是主分支react-chartjs，它們的文檔鏈接到Chart.js V2。

但是，該庫使用Chart.js V 1.1.1。文檔可以在這裏找到Chart.js documentation V 1.1.1。

來源

2016-10-31 21:19:56

經過一番引擎蓋調試我想通了，我們應該使用chartData 不data屬性下，但值：

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

來源

2017-11-12 20:46:46

什麼值通過react-chartjs

回答

相關問題