react-chartjsの統合エラーです。定義されていないプロパティ 'xLabels'を読み取ることができません

Question

を設定中にこのエラーが発生しました。をhereとしています。 これは私が取得していますエラーです：this postで

Uncaught (in promise) TypeError: Cannot read property 'xLabels' of undefined 
    at updatePoints (core.js:127) 
    at Object.classData.componentWillReceiveProps (core.js:48) 
    ...... so on 

彼らはすでにそれを固定していると述べたが、彼らは私が考えるdid't。ここで

は私のコードです：

var Chart = require('chart.js'); 
var LineChart = require("react-chartjs").Line; 
export default class Dashboard extends Component { 
    constructor(props){ 
    super(props); 
    var result = ''; 
    this.state = { 
     chartData: '', 
     chartOptions: '' 
    }; 

    } 

    componentDidMount(){ 
    var chartData = { 
     labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"], 
     datasets: [{ 
      label: '# of Votes', 
      data: [12, 19, 3, 5, 2, 3], 
      backgroundColor: [ 
       'rgba(255, 99, 132, 0.2)', 
       'rgba(54, 162, 235, 0.2)', 
       'rgba(255, 206, 86, 0.2)', 
       'rgba(75, 192, 192, 0.2)', 
       'rgba(153, 102, 255, 0.2)', 
       'rgba(255, 159, 64, 0.2)' 
      ], 
      borderColor: [ 
       'rgba(255,99,132,1)', 
       'rgba(54, 162, 235, 1)', 
       'rgba(255, 206, 86, 1)', 
       'rgba(75, 192, 192, 1)', 
       'rgba(153, 102, 255, 1)', 
       'rgba(255, 159, 64, 1)' 
      ], 
      borderWidth: 1 
     }] 
    } 
    var chartOptions = { 
     scales: { 
      yAxes: [{ 
       ticks: { 
        beginAtZero:true 
       } 
      }] 
     } 
    } 
    this.setState({ 
     chartData: chartData, 
     chartOptions: chartOptions 
    }) 
    } 

    render() { 

    return (
     <div className="container"> 
     <div className="chart-wrapper"> 
      <LineChart data={this.state.chartData} width="600" height="250"/> 
     </div> 
     </div> 
    ) 
    } 
} 

問題である可能性があり何？私は反応して、チャートで立ち往生することは新しいです。どんな助けもありがとう。

Answer 1

"を再描画" を支援する必要があります

<LineChart data={this.state.chartData} width="600" height="250" redraw/>