Wie erstellt man ein LiniChart mit dynamischer Breite mit react-chartjs?

Question

Ich versuche, ein LineChart mit dynamischer Breite zu erstellen, aber nur den ersten Wert zu erhalten.

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

Answer 1

Ich bin mir nicht sicher, wie man dies in reagieren-chartjs erreichen würde, aber es ist ziemlich einfach in reagieren über, die ähnlich ist.

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> 
    ); 
    } 
} 

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