WC_Report_Sales_By_Date::get_main_chart()publicWC 1.0

Get the main chart.

Метод класса: WC_Report_Sales_By_Date{}

Хуки из метода

Возвращает

null. Ничего (null).

Использование

$WC_Report_Sales_By_Date = new WC_Report_Sales_By_Date();
$WC_Report_Sales_By_Date->get_main_chart();

Код WC_Report_Sales_By_Date::get_main_chart() WC 8.7.0

<?php
public function get_main_chart() {
	global $wp_locale;

	// Prepare data for report.
	$data = array(
		'order_counts'         => $this->prepare_chart_data( $this->report_data->order_counts, 'post_date', 'count', $this->chart_interval, $this->start_date, $this->chart_groupby ),
		'order_item_counts'    => $this->prepare_chart_data( $this->report_data->order_items, 'post_date', 'order_item_count', $this->chart_interval, $this->start_date, $this->chart_groupby ),
		'order_amounts'        => $this->prepare_chart_data( $this->report_data->orders, 'post_date', 'total_sales', $this->chart_interval, $this->start_date, $this->chart_groupby ),
		'coupon_amounts'       => $this->prepare_chart_data( $this->report_data->coupons, 'post_date', 'discount_amount', $this->chart_interval, $this->start_date, $this->chart_groupby ),
		'shipping_amounts'     => $this->prepare_chart_data( $this->report_data->orders, 'post_date', 'total_shipping', $this->chart_interval, $this->start_date, $this->chart_groupby ),
		'refund_amounts'       => $this->prepare_chart_data( $this->report_data->refund_lines, 'post_date', 'total_refund', $this->chart_interval, $this->start_date, $this->chart_groupby ),
		'net_refund_amounts'   => $this->prepare_chart_data( $this->report_data->refunded_orders, 'post_date', 'net_refund', $this->chart_interval, $this->start_date, $this->chart_groupby ),
		'shipping_tax_amounts' => $this->prepare_chart_data( $this->report_data->orders, 'post_date', 'total_shipping_tax', $this->chart_interval, $this->start_date, $this->chart_groupby ),
		'tax_amounts'          => $this->prepare_chart_data( $this->report_data->orders, 'post_date', 'total_tax', $this->chart_interval, $this->start_date, $this->chart_groupby ),
		'net_order_amounts'    => array(),
		'gross_order_amounts'  => array(),
	);

	foreach ( $data['order_amounts'] as $order_amount_key => $order_amount_value ) {
		$data['gross_order_amounts'][ $order_amount_key ]     = $order_amount_value;
		$data['gross_order_amounts'][ $order_amount_key ][1] -= $data['refund_amounts'][ $order_amount_key ][1];

		$data['net_order_amounts'][ $order_amount_key ] = $order_amount_value;
		// Subtract the sum of the values from net order amounts.
		$data['net_order_amounts'][ $order_amount_key ][1] -=
			$data['net_refund_amounts'][ $order_amount_key ][1] +
			$data['shipping_amounts'][ $order_amount_key ][1] +
			$data['shipping_tax_amounts'][ $order_amount_key ][1] +
			$data['tax_amounts'][ $order_amount_key ][1];
	}

	// 3rd party filtering of report data.
	$data = apply_filters( 'woocommerce_admin_report_chart_data', $data );

	// Encode in json format.
	$chart_data = wp_json_encode(
		array(
			'order_counts'        => array_values( $data['order_counts'] ),
			'order_item_counts'   => array_values( $data['order_item_counts'] ),
			'order_amounts'       => array_map( array( $this, 'round_chart_totals' ), array_values( $data['order_amounts'] ) ),
			'gross_order_amounts' => array_map( array( $this, 'round_chart_totals' ), array_values( $data['gross_order_amounts'] ) ),
			'net_order_amounts'   => array_map( array( $this, 'round_chart_totals' ), array_values( $data['net_order_amounts'] ) ),
			'shipping_amounts'    => array_map( array( $this, 'round_chart_totals' ), array_values( $data['shipping_amounts'] ) ),
			'coupon_amounts'      => array_map( array( $this, 'round_chart_totals' ), array_values( $data['coupon_amounts'] ) ),
			'refund_amounts'      => array_map( array( $this, 'round_chart_totals' ), array_values( $data['refund_amounts'] ) ),
		)
	);
	?>
	<div class="chart-container">
		<div class="chart-placeholder main"></div>
	</div>
	<script type="text/javascript">

		var main_chart;

		jQuery(function(){
			var order_data = JSON.parse( decodeURIComponent( '<?php echo rawurlencode( $chart_data ); ?>' ) );
			var drawGraph = function( highlight ) {
				var series = [
					{
						label: "<?php echo esc_js( __( 'Number of items sold', 'woocommerce' ) ); ?>",
						data: order_data.order_item_counts,
						color: '<?php echo esc_js( $this->chart_colours['item_count'] ); ?>',
						bars: { fillColor: '<?php echo esc_js( $this->chart_colours['item_count'] ); ?>', fill: true, show: true, lineWidth: 0, barWidth: <?php echo esc_js( $this->barwidth ); ?> * 0.5, align: 'center' },
						shadowSize: 0,
						hoverable: false
					},
					{
						label: "<?php echo esc_js( __( 'Number of orders', 'woocommerce' ) ); ?>",
						data: order_data.order_counts,
						color: '<?php echo esc_js( $this->chart_colours['order_count'] ); ?>',
						bars: { fillColor: '<?php echo esc_js( $this->chart_colours['order_count'] ); ?>', fill: true, show: true, lineWidth: 0, barWidth: <?php echo esc_js( $this->barwidth ); ?> * 0.5, align: 'center' },
						shadowSize: 0,
						hoverable: false
					},
					{
						label: "<?php echo esc_js( __( 'Average gross sales amount', 'woocommerce' ) ); ?>",
						data: [ [ <?php echo esc_js( min( array_keys( $data['order_amounts'] ) ) ); ?>, <?php echo esc_js( $this->report_data->average_total_sales ); ?> ], [ <?php echo esc_js( max( array_keys( $data['order_amounts'] ) ) ); ?>, <?php echo esc_js( $this->report_data->average_total_sales ); ?> ] ],
						yaxis: 2,
						color: '<?php echo esc_js( $this->chart_colours['average'] ); ?>',
						points: { show: false },
						lines: { show: true, lineWidth: 2, fill: false },
						shadowSize: 0,
						hoverable: false
					},
					{
						label: "<?php echo esc_js( __( 'Average net sales amount', 'woocommerce' ) ); ?>",
						data: [ [ <?php echo esc_js( min( array_keys( $data['order_amounts'] ) ) ); ?>, <?php echo esc_js( $this->report_data->average_sales ); ?> ], [ <?php echo esc_js( max( array_keys( $data['order_amounts'] ) ) ); ?>, <?php echo esc_js( $this->report_data->average_sales ); ?> ] ],
						yaxis: 2,
						color: '<?php echo esc_js( $this->chart_colours['net_average'] ); ?>',
						points: { show: false },
						lines: { show: true, lineWidth: 2, fill: false },
						shadowSize: 0,
						hoverable: false
					},
					{
						label: "<?php echo esc_js( __( 'Coupon amount', 'woocommerce' ) ); ?>",
						data: order_data.coupon_amounts,
						yaxis: 2,
						color: '<?php echo esc_js( $this->chart_colours['coupon_amount'] ); ?>',
						points: { show: true, radius: 5, lineWidth: 2, fillColor: '#fff', fill: true },
						lines: { show: true, lineWidth: 2, fill: false },
						shadowSize: 0,
						<?php echo $this->get_currency_tooltip();  // phpcs:ignore WordPress.XSS.EscapeOutput.OutputNotEscaped ?>
					},
					{
						label: "<?php echo esc_js( __( 'Shipping amount', 'woocommerce' ) ); ?>",
						data: order_data.shipping_amounts,
						yaxis: 2,
						color: '<?php echo esc_js( $this->chart_colours['shipping_amount'] ); ?>',
						points: { show: true, radius: 5, lineWidth: 2, fillColor: '#fff', fill: true },
						lines: { show: true, lineWidth: 2, fill: false },
						shadowSize: 0,
						prepend_tooltip: "<?php echo get_woocommerce_currency_symbol(); // phpcs:ignore WordPress.XSS.EscapeOutput.OutputNotEscaped ?>"
					},
					{
						label: "<?php echo esc_js( __( 'Gross sales amount', 'woocommerce' ) ); ?>",
						data: order_data.gross_order_amounts,
						yaxis: 2,
						color: '<?php echo esc_js( $this->chart_colours['sales_amount'] ); ?>',
						points: { show: true, radius: 5, lineWidth: 2, fillColor: '#fff', fill: true },
						lines: { show: true, lineWidth: 2, fill: false },
						shadowSize: 0,
						<?php echo $this->get_currency_tooltip(); // phpcs:ignore WordPress.XSS.EscapeOutput.OutputNotEscaped ?>
					},
					{
						label: "<?php echo esc_js( __( 'Net sales amount', 'woocommerce' ) ); ?>",
						data: order_data.net_order_amounts,
						yaxis: 2,
						color: '<?php echo esc_js( $this->chart_colours['net_sales_amount'] ); ?>',
						points: { show: true, radius: 6, lineWidth: 4, fillColor: '#fff', fill: true },
						lines: { show: true, lineWidth: 5, fill: false },
						shadowSize: 0,
						<?php echo $this->get_currency_tooltip(); // phpcs:ignore WordPress.XSS.EscapeOutput.OutputNotEscaped ?>
					},
					{
						label: "<?php echo esc_js( __( 'Refund amount', 'woocommerce' ) ); ?>",
						data: order_data.refund_amounts,
						yaxis: 2,
						color: '<?php echo esc_js( $this->chart_colours['refund_amount'] ); ?>',
						points: { show: true, radius: 5, lineWidth: 2, fillColor: '#fff', fill: true },
						lines: { show: true, lineWidth: 2, fill: false },
						shadowSize: 0,
						prepend_tooltip: "<?php echo get_woocommerce_currency_symbol(); // phpcs:ignore WordPress.XSS.EscapeOutput.OutputNotEscaped ?>"
					},
				];

				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: "<?php echo ( 'day' === $this->chart_groupby ) ? '%d %b' : '%b'; ?>",
							monthNames: JSON.parse( decodeURIComponent( '<?php echo rawurlencode( wp_json_encode( array_values( $wp_locale->month_abbrev ) ) ); ?>' ) ),
							tickLength: 1,
							minTickSize: [1, "<?php echo esc_js( $this->chart_groupby ); ?>"],
							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').trigger( 'resize' );
			}

			drawGraph();

			jQuery('.highlight_series').on( 'mouseenter',
				function() {
					drawGraph( jQuery(this).data('series') );
				} ).on( 'mouseleave',
				function() {
					drawGraph();
				}
			);
		});
	</script>
	<?php
}