反應js與react-chart js，不渲染甜甜圈圖表

我想爲我的統計頁面使用react-chartjs。所以我目前正在測試react-chartjs的每個組件，如條形圖和折線圖。反應js與react-chart js，不渲染甜甜圈圖表

對於渲染條形圖和折線圖，我製作了簡單的數據集並且工作正常。但是，對於甜甜圈圖表，它不會呈現它。

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> 

    ); 
} 
}

所以，看看它是如何顯示在頁面上，我只是跟着例如單證呈現DoughnutChart。在元素檢查工具中，顯示canvas class已呈現，但未顯示圖表...

我在做什麼錯在這裏？在此先感謝..

來源

2017-04-03 D.R

您是否在控制檯中收到錯誤？ –

不..我沒有得到任何錯誤...所以很難找到它爲什麼不工作.. –

問題來自react-chartjs。在將react-chartjs更改爲react-chartjs-2後，它可以正常工作。

來源

2017-04-03 06:23:31

反應js與react-chart js，不渲染甜甜圈圖表

回答

相關問題