2017-06-29 111 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

太謝謝你了! –