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