52 lines
1.3 KiB
JavaScript
52 lines
1.3 KiB
JavaScript
|
import React from 'react';
|
||
|
|
import {View} from 'react-native';
|
||
|
|
import {LineChart} from '../../src/LineChart';
|
||
|
|
|
||
|
|
const LineChartTwo = () => {
|
||
|
|
const lineData = [
|
||
|
|
{value: 0, dataPointText: '0'},
|
||
|
|
{value: 10, dataPointText: '10'},
|
||
|
|
{value: 8, dataPointText: '8'},
|
||
|
|
{value: 58, dataPointText: '58'},
|
||
|
|
{value: 56, dataPointText: '56'},
|
||
|
|
{value: 78, dataPointText: '78'},
|
||
|
|
{value: 74, dataPointText: '74'},
|
||
|
|
{value: 98, dataPointText: '98'},
|
||
|
|
];
|
||
|
|
|
||
|
|
const lineData2 = [
|
||
|
|
{value: 0, dataPointText: '0'},
|
||
|
|
{value: 20, dataPointText: '20'},
|
||
|
|
{value: 18, dataPointText: '18'},
|
||
|
|
{value: 40, dataPointText: '40'},
|
||
|
|
{value: 36, dataPointText: '36'},
|
||
|
|
{value: 60, dataPointText: '60'},
|
||
|
|
{value: 54, dataPointText: '54'},
|
||
|
|
{value: 85, dataPointText: '85'},
|
||
|
|
];
|
||
|
|
return (
|
||
|
|
<View>
|
||
|
|
<LineChart
|
||
|
|
data={lineData}
|
||
|
|
data2={lineData2}
|
||
|
|
height={250}
|
||
|
|
showVerticalLines
|
||
|
|
spacing={44}
|
||
|
|
initialSpacing={0}
|
||
|
|
color1="skyblue"
|
||
|
|
color2="orange"
|
||
|
|
textColor1="green"
|
||
|
|
dataPointsHeight={6}
|
||
|
|
dataPointsWidth={6}
|
||
|
|
dataPointsColor1="blue"
|
||
|
|
dataPointsColor2="red"
|
||
|
|
textShiftY={-2}
|
||
|
|
textShiftX={-5}
|
||
|
|
textFontSize={13}
|
||
|
|
/>
|
||
|
|
</View>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default LineChartTwo;
|