
<div class="row clearfix">
    <div class="col-lg-12 col-md-12">
    <div class="wrap woocommerce">
	<ul class="nav nav-tabs">
		<li  style="display:none;"><a href="https://crevolsoft.com/demo/woocommerce/marketplace/marketplace/reports&tab=orders" class="nav-tab nav-tab-active">Orders</a><li>	</ul>
			<ul class="sub-reports">
			<li>
			<a href="admin.php?page=wc-reports&tab=orders&amp;report=sales_by_date" class="current">Sales by date</a> | </li><li><a href="admin.php?page=wc-reports&tab=orders&amp;report=sales_by_product" class="">Sales by product</a>			</li>
		</ul>
		<br class="clear" />
		<h1 class="screen-reader-text">Sales by date</h1><div id="poststuff" class="woocommerce-reports-wide">
	<div class="postbox">

			<h3 class="screen-reader-text">Last 7 days</h3>
	
		<div class="stats_range">
					<a
			href="#"
			download="report-7day-2026-04-23.csv"
			class="export_csv"
			data-export="chart"
			data-xaxes="Date"
			data-exclude_series="2"
			data-groupby="day"
		>
			Export CSV		</a>
					<ul>
				<li class=""><a href="/demo/woocommerce/marketplace/wp-json/wp/v2/pages/76?range=year">Year</a></li><li class=""><a href="/demo/woocommerce/marketplace/wp-json/wp/v2/pages/76?range=last_month">Last month</a></li><li class=""><a href="/demo/woocommerce/marketplace/wp-json/wp/v2/pages/76?range=month">This month</a></li><li class="active"><a href="/demo/woocommerce/marketplace/wp-json/wp/v2/pages/76?range=7day">Last 7 days</a></li>				<li class="custom ">
					Custom:					<form method="GET">
						<div>
														<input type="hidden" name="range" value="custom" />
							<input type="text" size="11" placeholder="yyyy-mm-dd" value="" name="start_date" class="range_datepicker from" autocomplete="off" />							<span>&ndash;</span>
							<input type="text" size="11" placeholder="yyyy-mm-dd" value="" name="end_date" class="range_datepicker to" autocomplete="off" />							<button type="submit" class="button" value="Go">Go</button>
							<input type="hidden" id="wc_reports_nonce" name="wc_reports_nonce" value="c1888e7400" />						</div>
					</form>
				</li>
			</ul>
		</div>
					<div class="inside chart-with-sidebar">
				<div class="chart-sidebar">
											<ul class="chart-legend">
																							<li style="border-color: #b1d4ea" class="highlight_series tips" data-series="6" data-tip="This is the sum of the order totals after any refunds and including shipping and taxes.">
									<strong><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">&#36;</span>0.00</bdi></span></strong> gross sales in this period								</li>
																															<li style="border-color: #3498db" class="highlight_series tips" data-series="7" data-tip="This is the sum of the order totals after any refunds and excluding shipping and taxes.">
									<strong><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">&#36;</span>0.00</bdi></span></strong> net sales in this period								</li>
																															<li style="border-color: #dbe1e3" class="highlight_series " data-series="1" data-tip="">
									<strong>0</strong> orders placed								</li>
																															<li style="border-color: #ecf0f1" class="highlight_series " data-series="0" data-tip="">
									<strong>0</strong> items purchased								</li>
																															<li style="border-color: #e74c3c" class="highlight_series " data-series="8" data-tip="">
									<strong><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">&#36;</span>0.00</bdi></span></strong> refunded 0 orders (0 items)								</li>
																															<li style="border-color: #5cc488" class="highlight_series " data-series="5" data-tip="">
									<strong><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">&#36;</span>0.00</bdi></span></strong> charged for shipping								</li>
																															<li style="border-color: #f1c40f" class="highlight_series " data-series="4" data-tip="">
									<strong><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">&#36;</span>0.00</bdi></span></strong> worth of coupons used								</li>
																					</ul>
										<ul class="chart-widgets">
											</ul>
				</div>
				<div class="main">
							<div class="chart-container">
			<div class="chart-placeholder main"></div>
		</div>
		<script type="text/javascript">

			var main_chart;

			jQuery(function(){
				var order_data = jQuery.parseJSON( '{"order_counts":[["1776384000000",0],["1776470400000",0],["1776556800000",0],["1776643200000",0],["1776729600000",0],["1776816000000",0],["1776902400000",0]],"order_item_counts":[["1776384000000",0],["1776470400000",0],["1776556800000",0],["1776643200000",0],["1776729600000",0],["1776816000000",0],["1776902400000",0]],"order_amounts":[["1776384000000","0.00"],["1776470400000","0.00"],["1776556800000","0.00"],["1776643200000","0.00"],["1776729600000","0.00"],["1776816000000","0.00"],["1776902400000","0.00"]],"gross_order_amounts":[["1776384000000","0.00"],["1776470400000","0.00"],["1776556800000","0.00"],["1776643200000","0.00"],["1776729600000","0.00"],["1776816000000","0.00"],["1776902400000","0.00"]],"net_order_amounts":[["1776384000000","0.00"],["1776470400000","0.00"],["1776556800000","0.00"],["1776643200000","0.00"],["1776729600000","0.00"],["1776816000000","0.00"],["1776902400000","0.00"]],"shipping_amounts":[["1776384000000","0.00"],["1776470400000","0.00"],["1776556800000","0.00"],["1776643200000","0.00"],["1776729600000","0.00"],["1776816000000","0.00"],["1776902400000","0.00"]],"coupon_amounts":[["1776384000000","0.00"],["1776470400000","0.00"],["1776556800000","0.00"],["1776643200000","0.00"],["1776729600000","0.00"],["1776816000000","0.00"],["1776902400000","0.00"]],"refund_amounts":[["1776384000000","0.00"],["1776470400000","0.00"],["1776556800000","0.00"],["1776643200000","0.00"],["1776729600000","0.00"],["1776816000000","0.00"],["1776902400000","0.00"]]}' );
				var drawGraph = function( highlight ) {
					var series = [
						{
							label: "Number of items sold",
							data: order_data.order_item_counts,
							color: '#ecf0f1',
							bars: { fillColor: '#ecf0f1', fill: true, show: true, lineWidth: 0, barWidth: 86400000 * 0.5, align: 'center' },
							shadowSize: 0,
							hoverable: false
						},
						{
							label: "Number of orders",
							data: order_data.order_counts,
							color: '#dbe1e3',
							bars: { fillColor: '#dbe1e3', fill: true, show: true, lineWidth: 0, barWidth: 86400000 * 0.5, align: 'center' },
							shadowSize: 0,
							hoverable: false
						},
						{
							label: "Average gross sales amount",
							data: [ [ 1776384000000, 0.00 ], [ 1776902400000, 0.00 ] ],
							yaxis: 2,
							color: '#b1d4ea',
							points: { show: false },
							lines: { show: true, lineWidth: 2, fill: false },
							shadowSize: 0,
							hoverable: false
						},
						{
							label: "Average net sales amount",
							data: [ [ 1776384000000, 0.00 ], [ 1776902400000, 0.00 ] ],
							yaxis: 2,
							color: '#3498db',
							points: { show: false },
							lines: { show: true, lineWidth: 2, fill: false },
							shadowSize: 0,
							hoverable: false
						},
						{
							label: "Coupon amount",
							data: order_data.coupon_amounts,
							yaxis: 2,
							color: '#f1c40f',
							points: { show: true, radius: 5, lineWidth: 2, fillColor: '#fff', fill: true },
							lines: { show: true, lineWidth: 2, fill: false },
							shadowSize: 0,
							prepend_tooltip: "&#36;"						},
						{
							label: "Shipping amount",
							data: order_data.shipping_amounts,
							yaxis: 2,
							color: '#5cc488',
							points: { show: true, radius: 5, lineWidth: 2, fillColor: '#fff', fill: true },
							lines: { show: true, lineWidth: 2, fill: false },
							shadowSize: 0,
							prepend_tooltip: "&#36;"
						},
						{
							label: "Gross sales amount",
							data: order_data.gross_order_amounts,
							yaxis: 2,
							color: '#b1d4ea',
							points: { show: true, radius: 5, lineWidth: 2, fillColor: '#fff', fill: true },
							lines: { show: true, lineWidth: 2, fill: false },
							shadowSize: 0,
							prepend_tooltip: "&#36;"						},
						{
							label: "Net sales amount",
							data: order_data.net_order_amounts,
							yaxis: 2,
							color: '#3498db',
							points: { show: true, radius: 6, lineWidth: 4, fillColor: '#fff', fill: true },
							lines: { show: true, lineWidth: 5, fill: false },
							shadowSize: 0,
							prepend_tooltip: "&#36;"						},
						{
							label: "Refund amount",
							data: order_data.refund_amounts,
							yaxis: 2,
							color: '#e74c3c',
							points: { show: true, radius: 5, lineWidth: 2, fillColor: '#fff', fill: true },
							lines: { show: true, lineWidth: 2, fill: false },
							shadowSize: 0,
							prepend_tooltip: "&#36;"
						},
					];

					if ( highlight !== 'undefined' && series[ highlight ] ) {
						highlight_series = series[ highlight ];

						highlight_series.color = '#9c5d90';

						if ( highlight_series.bars ) {
							highlight_series.bars.fillColor = '#9c5d90';
						}

						if ( highlight_series.lines ) {
							highlight_series.lines.lineWidth = 5;
						}
					}

					main_chart = jQuery.plot(
						jQuery('.chart-placeholder.main'),
						series,
						{
							legend: {
								show: false
							},
							grid: {
								color: '#aaa',
								borderColor: 'transparent',
								borderWidth: 0,
								hoverable: true
							},
							xaxes: [ {
								color: '#aaa',
								position: "bottom",
								tickColor: 'transparent',
								mode: "time",
								timeformat: "%d %b",
								monthNames: ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],
								tickLength: 1,
								minTickSize: [1, "day"],
								font: {
									color: "#aaa"
								}
							} ],
							yaxes: [
								{
									min: 0,
									minTickSize: 1,
									tickDecimals: 0,
									color: '#d4d9dc',
									font: { color: "#aaa" }
								},
								{
									position: "right",
									min: 0,
									tickDecimals: 2,
									alignTicksWithAxis: 1,
									color: 'transparent',
									font: { color: "#aaa" }
								}
							],
						}
					);

					jQuery('.chart-placeholder').resize();
				}

				drawGraph();

				jQuery('.highlight_series').hover(
					function() {
						drawGraph( jQuery(this).data('series') );
					},
					function() {
						drawGraph();
					}
				);
			});
		</script>
						</div>
			</div>
			</div>
</div>
</div>
    </div>  
</div>{"id":76,"date":"2019-11-23T12:42:15","date_gmt":"2019-11-23T12:42:15","guid":{"rendered":"https:\/\/crevolsoft.com\/demo\/woocommerce\/marketplace\/reports\/"},"modified":"2019-11-23T12:42:15","modified_gmt":"2019-11-23T12:42:15","slug":"reports","status":"publish","type":"page","link":"https:\/\/crevolsoft.com\/demo\/woocommerce\/marketplace\/reports\/","title":{"rendered":"Reports"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-76","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/crevolsoft.com\/demo\/woocommerce\/marketplace\/wp-json\/wp\/v2\/pages\/76","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/crevolsoft.com\/demo\/woocommerce\/marketplace\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/crevolsoft.com\/demo\/woocommerce\/marketplace\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/crevolsoft.com\/demo\/woocommerce\/marketplace\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/crevolsoft.com\/demo\/woocommerce\/marketplace\/wp-json\/wp\/v2\/comments?post=76"}],"version-history":[{"count":0,"href":"https:\/\/crevolsoft.com\/demo\/woocommerce\/marketplace\/wp-json\/wp\/v2\/pages\/76\/revisions"}],"wp:attachment":[{"href":"https:\/\/crevolsoft.com\/demo\/woocommerce\/marketplace\/wp-json\/wp\/v2\/media?parent=76"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}