2017-06-29 117 views
1

我是新反应原住民和JavaScript,并已做了一些在线课程,但我似乎无法弄清楚如何创建一个图表。阵营本地表不显示数据

这是我看了一下,我想结果是什么:

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

这是我的代码:

import React, {Component} from 'react'; 
import { 
    AppRegistry, 
    PropTypes, 
    View, 
    StyleSheet, 
    Text, 
    Dimensions 
} from 'react-native'; 

import Chart from 'react-native-chart'; 

const styles = StyleSheet.create({ 
    container: { 
     justifyContent: 'center', 
     alignItems: 'center', 
     backgroundColor: '#E4F1FE', 
    }, 
    chart: { 
     width: 200, 
     height: 5, 
    }, 
}); 

const data = [[ 
    [1, 3], 
    [3, 7], 
    [4, 9], 
]]; 

class App extends React.Component { 
render() { 
    return (
     <View style={styles.container}> 
      <Chart 
       style={styles.chart} 
       data={data} 
       verticalGridStep={1} 
       type="line" 
       showsDataPoint={true} 
     axisColor='blue' 
      /> 
     </View> 
    ); 
    } 
} 

这里是关于结果电话:

Picture on HTC one A9 phone using Expo App

回答

0

你应该关闭标签用于图表

   <Chart 
       style={styles.chart} 
       data={data} 
       verticalGridStep={1} 
       type="line" 
       showsDataPoint={true} 
     axisColor='blue'> </Chart> 

应工作

+0

太谢谢你了! –