44 lines
959 B
JavaScript
44 lines
959 B
JavaScript
|
/** @format */
|
||
|
|
/**
|
||
|
|
* External dependencies
|
||
|
|
*/
|
||
|
|
import moment from 'moment';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* WooCommerce dependencies
|
||
|
|
*/
|
||
|
|
import { Card, Chart } from '@woocommerce/components';
|
||
|
|
import { formatCurrency } from '@woocommerce/currency';
|
||
|
|
|
||
|
|
const data = [];
|
||
|
|
|
||
|
|
for ( let i = 1; i <= 20; i++ ) {
|
||
|
|
const date = moment().subtract( i, 'days' );
|
||
|
|
data.push( {
|
||
|
|
date: date.format( 'YYYY-MM-DDT00:00:00' ),
|
||
|
|
primary: {
|
||
|
|
label: 'Global Apple Prices, last 20 days',
|
||
|
|
labelDate: date.format( 'YYYY-MM-DD 00:00:00' ),
|
||
|
|
value: Math.floor( Math.random() * 100 ),
|
||
|
|
},
|
||
|
|
} );
|
||
|
|
}
|
||
|
|
|
||
|
|
const GlobalPrices = () => {
|
||
|
|
return (
|
||
|
|
<Card className="woocommerce-dashboard__chart-block" title="Global Apple Prices">
|
||
|
|
<Chart
|
||
|
|
title="Global Apple Prices"
|
||
|
|
interval="day"
|
||
|
|
data={ data.reverse() }
|
||
|
|
dateParser="%Y-%m-%dT%H:%M:%S"
|
||
|
|
showHeaderControls={ false }
|
||
|
|
valueType={ 'currency' }
|
||
|
|
tooltipValueFormat={ formatCurrency }
|
||
|
|
/>
|
||
|
|
</Card>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default GlobalPrices;
|