ネイティブチャートにデータが表示されない

Question

ネイティブとJavaScriptを初めて使用し、オンラインコースをいくつか行ったことがありますが、グラフを作成する方法がわかりません。

これは私が見てどのようであると私は結果として欲しい：

これは私のコードです：ここでは

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

は上の結果であり、電話番号：

Answer 1

あなたは