Line Chart
JSX
<LineChart
axis={{
x: {
height: 20,
scale: 'time',
width: 400
},
y: {
height: 400,
scale: 'log',
width: 20
}
}}
axisLabelFormat={function noRefCheck() {}}
data={[
{
data: [
{
x: new Date('2021-02-18T10:21:42.609Z'),
y: 0
},
{
x: new Date('2021-02-19T10:21:42.609Z'),
y: 1000
},
{
x: new Date('2021-02-20T10:21:42.609Z'),
y: 2000
},
{
x: new Date('2021-02-21T10:21:42.609Z'),
y: 3000
},
{
x: new Date('2021-02-22T10:21:42.609Z'),
y: 4000
},
{
x: new Date('2021-02-23T10:21:42.609Z'),
y: 5000
},
{
x: new Date('2021-02-24T10:21:42.609Z'),
y: 6000
},
{
x: new Date('2021-02-25T10:21:42.609Z'),
y: 7000
},
{
x: new Date('2021-02-26T10:21:42.609Z'),
y: 8000
},
{
x: new Date('2021-02-27T10:21:42.609Z'),
y: 9000
},
{
x: new Date('2021-02-28T10:21:42.609Z'),
y: 10000
},
{
x: new Date('2021-03-01T10:21:42.609Z'),
y: 11000
},
{
x: new Date('2021-03-02T10:21:42.609Z'),
y: 12000
},
{
x: new Date('2021-03-03T10:21:42.609Z'),
y: 13000
},
{
x: new Date('2021-03-04T10:21:42.609Z'),
y: 14000
},
{
x: new Date('2021-03-05T10:21:42.609Z'),
y: 15000
},
{
x: new Date('2021-03-06T10:21:42.609Z'),
y: 16000
},
{
x: new Date('2021-03-07T10:21:42.609Z'),
y: 17000
},
{
x: new Date('2021-03-08T10:21:42.609Z'),
y: 18000
},
{
x: new Date('2021-03-09T10:21:42.609Z'),
y: 19000
},
{
x: new Date('2021-03-10T10:21:42.609Z'),
y: 20000
},
{
x: new Date('2021-03-11T10:21:42.609Z'),
y: 21000
},
{
x: new Date('2021-03-12T10:21:42.609Z'),
y: 22000
},
{
x: new Date('2021-03-13T10:21:42.609Z'),
y: 23000
},
{
x: new Date('2021-03-14T10:21:42.609Z'),
y: 24000
},
{
x: new Date('2021-03-15T10:21:42.609Z'),
y: 25000
},
{
x: new Date('2021-03-16T10:21:42.609Z'),
y: 26000
},
{
x: new Date('2021-03-17T10:21:42.609Z'),
y: 27000
},
{
x: new Date('2021-03-18T10:21:42.609Z'),
y: 28000
},
{
x: new Date('2021-03-19T10:21:42.609Z'),
y: 29000
},
{
x: new Date('2021-03-20T10:21:42.609Z'),
y: 30000
},
{
x: new Date('2021-03-21T10:21:42.609Z'),
y: 31000
},
{
x: new Date('2021-03-22T10:21:42.609Z'),
y: 32000
},
{
x: new Date('2021-03-23T10:21:42.609Z'),
y: 33000
},
{
x: new Date('2021-03-24T10:21:42.609Z'),
y: 34000
},
{
x: new Date('2021-03-25T10:21:42.609Z'),
y: 35000
},
{
x: new Date('2021-03-26T10:21:42.609Z'),
y: 36000
},
{
x: new Date('2021-03-27T10:21:42.609Z'),
y: 37000
},
{
x: new Date('2021-03-28T09:21:42.609Z'),
y: 38000
},
{
x: new Date('2021-03-29T09:21:42.609Z'),
y: 39000
},
{
x: new Date('2021-03-30T09:21:42.609Z'),
y: 40000
},
{
x: new Date('2021-03-31T09:21:42.609Z'),
y: 41000
},
{
x: new Date('2021-04-01T09:21:42.609Z'),
y: 42000
},
{
x: new Date('2021-04-02T09:21:42.609Z'),
y: 43000
},
{
x: new Date('2021-04-03T09:21:42.609Z'),
y: 44000
},
{
x: new Date('2021-04-04T09:21:42.609Z'),
y: 45000
},
{
x: new Date('2021-04-05T09:21:42.609Z'),
y: 46000
},
{
x: new Date('2021-04-06T09:21:42.609Z'),
y: 47000
},
{
x: new Date('2021-04-07T09:21:42.609Z'),
y: 48000
},
{
x: new Date('2021-04-08T09:21:42.609Z'),
y: 49000
},
{
x: new Date('2021-04-09T09:21:42.609Z'),
y: 50000
},
{
x: new Date('2021-04-10T09:21:42.609Z'),
y: 51000
},
{
x: new Date('2021-04-11T09:21:42.609Z'),
y: 52000
},
{
x: new Date('2021-04-12T09:21:42.609Z'),
y: 53000
},
{
x: new Date('2021-04-13T09:21:42.609Z'),
y: 54000
},
{
x: new Date('2021-04-14T09:21:42.609Z'),
y: 55000
},
{
x: new Date('2021-04-15T09:21:42.609Z'),
y: 56000
},
{
x: new Date('2021-04-16T09:21:42.609Z'),
y: 57000
},
{
x: new Date('2021-04-17T09:21:42.609Z'),
y: 58000
},
{
x: new Date('2021-04-18T09:21:42.609Z'),
y: 59000
},
{
x: new Date('2021-04-19T09:21:42.609Z'),
y: 60000
},
{
x: new Date('2021-04-20T09:21:42.609Z'),
y: 61000
},
{
x: new Date('2021-04-21T09:21:42.609Z'),
y: 62000
},
{
x: new Date('2021-04-22T09:21:42.609Z'),
y: 63000
},
{
x: new Date('2021-04-23T09:21:42.609Z'),
y: 64000
},
{
x: new Date('2021-04-24T09:21:42.609Z'),
y: 65000
},
{
x: new Date('2021-04-25T09:21:42.609Z'),
y: 66000
},
{
x: new Date('2021-04-26T09:21:42.609Z'),
y: 67000
},
{
x: new Date('2021-04-27T09:21:42.609Z'),
y: 68000
},
{
x: new Date('2021-04-28T09:21:42.609Z'),
y: 69000
},
{
x: new Date('2021-04-29T09:21:42.609Z'),
y: 70000
},
{
x: new Date('2021-04-30T09:21:42.609Z'),
y: 71000
},
{
x: new Date('2021-05-01T09:21:42.609Z'),
y: 72000
},
{
x: new Date('2021-05-02T09:21:42.609Z'),
y: 73000
},
{
x: new Date('2021-05-03T09:21:42.609Z'),
y: 74000
},
{
x: new Date('2021-05-04T09:21:42.609Z'),
y: 75000
},
{
x: new Date('2021-05-05T09:21:42.609Z'),
y: 76000
},
{
x: new Date('2021-05-06T09:21:42.609Z'),
y: 77000
},
{
x: new Date('2021-05-07T09:21:42.609Z'),
y: 78000
},
{
x: new Date('2021-05-08T09:21:42.609Z'),
y: 79000
},
{
x: new Date('2021-05-09T09:21:42.609Z'),
y: 80000
},
{
x: new Date('2021-05-10T09:21:42.609Z'),
y: 81000
},
{
x: new Date('2021-05-11T09:21:42.609Z'),
y: 82000
},
{
x: new Date('2021-05-12T09:21:42.609Z'),
y: 83000
},
{
x: new Date('2021-05-13T09:21:42.609Z'),
y: 84000
},
{
x: new Date('2021-05-14T09:21:42.609Z'),
y: 85000
},
{
x: new Date('2021-05-15T09:21:42.609Z'),
y: 86000
},
{
x: new Date('2021-05-16T09:21:42.609Z'),
y: 87000
},
{
x: new Date('2021-05-17T09:21:42.609Z'),
y: 88000
},
{
x: new Date('2021-05-18T09:21:42.609Z'),
y: 89000
},
{
x: new Date('2021-05-19T09:21:42.609Z'),
y: 90000
},
{
x: new Date('2021-05-20T09:21:42.609Z'),
y: 91000
},
{
x: new Date('2021-05-21T09:21:42.609Z'),
y: 92000
},
{
x: new Date('2021-05-22T09:21:42.609Z'),
y: 93000
},
{
x: new Date('2021-05-23T09:21:42.609Z'),
y: 94000
},
{
x: new Date('2021-05-24T09:21:42.609Z'),
y: 95000
},
{
x: new Date('2021-05-25T09:21:42.609Z'),
y: 96000
},
{
x: new Date('2021-05-26T09:21:42.609Z'),
y: 97000
},
{
x: new Date('2021-05-27T09:21:42.609Z'),
y: 98000
},
{
x: new Date('2021-05-28T09:21:42.609Z'),
y: 99000
}
],
label: 'rob Allocation',
line: {
curveType: function noRefCheck() {},
fill: {
fill: 'rgba(11, 85, 167, 0.2)',
show: true
},
show: true,
stroke: 'rgb(11, 85, 167)',
strokeDashArray: '0',
strokeDashOffset: 0
},
point: {
fill: '#000',
radius: 4,
show: true,
stroke: ''
}
}
]}
grid={{
x: {
height: 100,
style: {
fill: '#000',
opacity: 1,
'shape-rendering': 'auto',
stroke: '#ccc',
'stroke-opacity': 0.4,
'stroke-width': 1,
visible: true
},
ticks: 5,
visible: true
},
y: {
style: {
fill: '#000',
opacity: 1,
'shape-rendering': 'auto',
stroke: '#ccc',
'stroke-opacity': 0.4,
'stroke-width': 1,
visible: true
},
ticks: 6,
visible: true
}
}}
height={300}
width={0}
/>| x | y |
|---|---|
| Thu Feb 18 2021 | 0 |
| Fri Feb 19 2021 | 1000 |
| Sat Feb 20 2021 | 2000 |
| Sun Feb 21 2021 | 3000 |
| Mon Feb 22 2021 | 4000 |
| Tue Feb 23 2021 | 5000 |
| Wed Feb 24 2021 | 6000 |
| Thu Feb 25 2021 | 7000 |
| Fri Feb 26 2021 | 8000 |
| Sat Feb 27 2021 | 9000 |
| Sun Feb 28 2021 | 10000 |
| Mon Mar 01 2021 | 11000 |
| Tue Mar 02 2021 | 12000 |
| Wed Mar 03 2021 | 13000 |
| Thu Mar 04 2021 | 14000 |
| Fri Mar 05 2021 | 15000 |
| Sat Mar 06 2021 | 16000 |
| Sun Mar 07 2021 | 17000 |
| Mon Mar 08 2021 | 18000 |
| Tue Mar 09 2021 | 19000 |
| Wed Mar 10 2021 | 20000 |
| Thu Mar 11 2021 | 21000 |
| Fri Mar 12 2021 | 22000 |
| Sat Mar 13 2021 | 23000 |
| Sun Mar 14 2021 | 24000 |
| Mon Mar 15 2021 | 25000 |
| Tue Mar 16 2021 | 26000 |
| Wed Mar 17 2021 | 27000 |
| Thu Mar 18 2021 | 28000 |
| Fri Mar 19 2021 | 29000 |
| Sat Mar 20 2021 | 30000 |
| Sun Mar 21 2021 | 31000 |
| Mon Mar 22 2021 | 32000 |
| Tue Mar 23 2021 | 33000 |
| Wed Mar 24 2021 | 34000 |
| Thu Mar 25 2021 | 35000 |
| Fri Mar 26 2021 | 36000 |
| Sat Mar 27 2021 | 37000 |
| Sun Mar 28 2021 | 38000 |
| Mon Mar 29 2021 | 39000 |
| Tue Mar 30 2021 | 40000 |
| Wed Mar 31 2021 | 41000 |
| Thu Apr 01 2021 | 42000 |
| Fri Apr 02 2021 | 43000 |
| Sat Apr 03 2021 | 44000 |
| Sun Apr 04 2021 | 45000 |
| Mon Apr 05 2021 | 46000 |
| Tue Apr 06 2021 | 47000 |
| Wed Apr 07 2021 | 48000 |
| Thu Apr 08 2021 | 49000 |
| Fri Apr 09 2021 | 50000 |
| Sat Apr 10 2021 | 51000 |
| Sun Apr 11 2021 | 52000 |
| Mon Apr 12 2021 | 53000 |
| Tue Apr 13 2021 | 54000 |
| Wed Apr 14 2021 | 55000 |
| Thu Apr 15 2021 | 56000 |
| Fri Apr 16 2021 | 57000 |
| Sat Apr 17 2021 | 58000 |
| Sun Apr 18 2021 | 59000 |
| Mon Apr 19 2021 | 60000 |
| Tue Apr 20 2021 | 61000 |
| Wed Apr 21 2021 | 62000 |
| Thu Apr 22 2021 | 63000 |
| Fri Apr 23 2021 | 64000 |
| Sat Apr 24 2021 | 65000 |
| Sun Apr 25 2021 | 66000 |
| Mon Apr 26 2021 | 67000 |
| Tue Apr 27 2021 | 68000 |
| Wed Apr 28 2021 | 69000 |
| Thu Apr 29 2021 | 70000 |
| Fri Apr 30 2021 | 71000 |
| Sat May 01 2021 | 72000 |
| Sun May 02 2021 | 73000 |
| Mon May 03 2021 | 74000 |
| Tue May 04 2021 | 75000 |
| Wed May 05 2021 | 76000 |
| Thu May 06 2021 | 77000 |
| Fri May 07 2021 | 78000 |
| Sat May 08 2021 | 79000 |
| Sun May 09 2021 | 80000 |
| Mon May 10 2021 | 81000 |
| Tue May 11 2021 | 82000 |
| Wed May 12 2021 | 83000 |
| Thu May 13 2021 | 84000 |
| Fri May 14 2021 | 85000 |
| Sat May 15 2021 | 86000 |
| Sun May 16 2021 | 87000 |
| Mon May 17 2021 | 88000 |
| Tue May 18 2021 | 89000 |
| Wed May 19 2021 | 90000 |
| Thu May 20 2021 | 91000 |
| Fri May 21 2021 | 92000 |
| Sat May 22 2021 | 93000 |
| Sun May 23 2021 | 94000 |
| Mon May 24 2021 | 95000 |
| Tue May 25 2021 | 96000 |
| Wed May 26 2021 | 97000 |
| Thu May 27 2021 | 98000 |
| Fri May 28 2021 | 99000 |