React Native 纯图表负值不绘制答案

【问题标题】：React native pure chart negative value is not drawingReact Native 纯图表负值不绘制
【发布时间】：2019-01-07 05:42:14
【问题描述】：

我正在使用折线图来显示数据。它工作得很好，但如果我的数据在这种情况下有负值，我的图表就会从底部开始切割。

您可以在上面标有红色的图片中看到我的错误。

我使用了 react-native-pure-chart - 下面的链接：-

https://www.npmjs.com/package/react-native-pure-chart

<PureChart type={'line'}
  numberOfYAxisGuideLine={0}
  data={this.state.sampleData}
  width={'100%'}
  height={72}
  backgroundColor={'#2c3554'}
  color={'#2c3554'}
  />

我的数据是 [10,-2,6]

请帮助我。提前谢谢你

【问题讨论】：

标签： react-native react-chartjs

【解决方案1】：

我找到了解决方案。

使用 react-native-svg-chart（线图）。

它会解决问题。

下面是我的代码：-

 import { LineChart } from 'react-native-svg-charts'

 <LineChart
      style={{ flex: 1, marginLeft: 4 }}
      data={this.state.sampleData}
      svg={{ stroke: 'rgb(211, 234, 250,0.7)' }}
      contentInset={contentInset}
      />

【讨论】：