react-native-animate-chart/chart.js at master · react-native-china/react-native-animate-chart · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
import React,{
	Component,
	PropTypes
} from 'react';

import {
	View,
	Text
} from 'react-native'

import charts from './charts'

const {
	Bar,
	Line,
	Pie,
	Doughnut,
	Radar,
} = charts;

export default class RNAChart extends Component{
	static propTypes = {
	  	type: PropTypes.oneOf([
		  	"line",
		  	"bar",
		  	"pie",
		  	"doughnut",
		  	"radar"
  		]),
	}

	render(){
		return (
			<View style={{backgroundColor:'#F8F8F8'}}>
				{ this.getChart() }
			</View>
		)
	}

	getChart = () => {
		const chartMap = {
			bar:Bar,
			line:Line,
			pie:Pie,
			doughnut:Doughnut,
			radar:Radar
		}

		let properties = {
			...this.getDefaultProperties(),
			...this.props
		};

		return (
			React.createElement(chartMap[this.props.type]||Bar,{...properties})
		)
	}

	getDefaultProperties = () => {
		return {
			xAxis:{},
			yAxis:{},
			colors:{},
			data:{},
			legend:{},
			series:{},
			title:"",
			subtitle:"",
			tooltip:{},
			animation:{},
		}
	}
}