react-chartjsで動的な幅を持つLineChartを作成するには？

Question

私は動的な幅を持つLineChartを作成しようとしていますが、最初の値しか取得しません。

<LineChart data = {this.state.dataLine} options = {{}} width={this.state.widthChart} height = "250" /> 

Answer 1

私は1つが反応し-chartjsでこれを達成するかどうかはわかりませんが、それは反応し-VIS、似ている非常に簡単です。複数のチェックのために

import React from 'react'; 

import { 
    XAxis, 
    YAxis, 
    FlexibleWidthXYPlot, 
    HorizontalGridLines, 
    LineSeries 
} from 'react-vis'; 

export default class Example extends React.Component { 
    render() { 
    return (
     <FlexibleWidthXYPlot 
     height={300}> 
     <HorizontalGridLines /> 
     <YAxis /> 
     <XAxis /> 
     <LineSeries data={myData}/> 
     </FlexibleWidthXYPlot> 
    ); 
    } 
} 

ここhttp://uber.github.io/react-vis/#/documentation/api-reference/flexible-plots