Question

我正在尝试使用动态宽度创建一个LineChart，但只获取第一个值。

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

Answer 1

我不确定如何在react-chartjs中实现这一点，但在反应中它很容易，这是相似的。

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

如何使用react-chartjs创建具有动态宽度的LineChart？

1 个答案: