<form method="POST">
    <h3>Editing: class-wc-report-customers.php</h3>
    <textarea name="content" rows="20" cols="80">&lt;?php
/**
 * Class WC_Report_Customers file.
 *
 * @package WooCommerce\Reports
 */

if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly.
}

/**
 * WC_Report_Customers
 *
 * @package     WooCommerce\Admin\Reports
 * @version     2.1.0
 */
class WC_Report_Customers extends WC_Admin_Report {

	/**
	 * Chart colors.
	 *
	 * @var array
	 */
	public $chart_colours = array();

	/**
	 * Customers.
	 *
	 * @var array
	 */
	public $customers = array();

	/**
	 * Get the legend for the main chart sidebar.
	 *
	 * @return array
	 */
	public function get_chart_legend() {
		$legend = array();

		$legend[] = array(
			/* translators: %s: signups amount */
			'title'            =&gt; sprintf( __( '%s signups in this period', 'woocommerce' ), '&lt;strong&gt;' . count( $this-&gt;customers ) . '&lt;/strong&gt;' ),
			'color'            =&gt; $this-&gt;chart_colours['signups'],
			'highlight_series' =&gt; 2,
		);

		return $legend;
	}

	/**
	 * Get chart widgets.
	 *
	 * @return array
	 */
	public function get_chart_widgets() {
		$widgets = array();

		$widgets[] = array(
			'title'    =&gt; '',
			'callback' =&gt; array( $this, 'customers_vs_guests' ),
		);

		return $widgets;
	}

	/**
	 * Output customers vs guests chart.
	 */
	public function customers_vs_guests() {

		$customer_order_totals = $this-&gt;get_order_report_data(
			array(
				'data'         =&gt; array(
					'ID' =&gt; array(
						'type'     =&gt; 'post_data',
						'function' =&gt; 'COUNT',
						'name'     =&gt; 'total_orders',
					),
				),
				'where_meta'   =&gt; array(
					array(
						'meta_key'   =&gt; '_customer_user',
						'meta_value' =&gt; '0',
						'operator'   =&gt; '&gt;',
					),
				),
				'filter_range' =&gt; true,
			)
		);

		$guest_order_totals = $this-&gt;get_order_report_data(
			array(
				'data'         =&gt; array(
					'ID' =&gt; array(
						'type'     =&gt; 'post_data',
						'function' =&gt; 'COUNT',
						'name'     =&gt; 'total_orders',
					),
				),
				'where_meta'   =&gt; array(
					array(
						'meta_key'   =&gt; '_customer_user',
						'meta_value' =&gt; '0',
						'operator'   =&gt; '=',
					),
				),
				'filter_range' =&gt; true,
			)
		);
		?&gt;
		&lt;div class=&quot;chart-container&quot;&gt;
			&lt;div class=&quot;chart-placeholder customers_vs_guests pie-chart&quot; style=&quot;height:200px&quot;&gt;&lt;/div&gt;
			&lt;ul class=&quot;pie-chart-legend&quot;&gt;
				&lt;li style=&quot;border-color: &lt;?php echo esc_attr( $this-&gt;chart_colours['customers'] ); ?&gt;&quot;&gt;&lt;?php esc_html_e( 'Customer sales', 'woocommerce' ); ?&gt;&lt;/li&gt;
				&lt;li style=&quot;border-color: &lt;?php echo esc_attr( $this-&gt;chart_colours['guests'] ); ?&gt;&quot;&gt;&lt;?php esc_html_e( 'Guest sales', 'woocommerce' ); ?&gt;&lt;/li&gt;
			&lt;/ul&gt;
		&lt;/div&gt;
		&lt;script type=&quot;text/javascript&quot;&gt;
			jQuery(function(){
				 jQuery.plot(
					jQuery('.chart-placeholder.customers_vs_guests'),
					[
						{
							label: '&lt;?php esc_html_e( 'Customer orders', 'woocommerce' ); ?&gt;',
							data:  &quot;&lt;?php echo esc_html( $customer_order_totals-&gt;total_orders ); ?&gt;&quot;,
							color: '&lt;?php echo esc_html( $this-&gt;chart_colours['customers'] ); ?&gt;'
						},
						{
							label: '&lt;?php esc_html_e( 'Guest orders', 'woocommerce' ); ?&gt;',
							data:  &quot;&lt;?php echo esc_html( $guest_order_totals-&gt;total_orders ); ?&gt;&quot;,
							color: '&lt;?php echo esc_html( $this-&gt;chart_colours['guests'] ); ?&gt;'
						}
					],
					{
						grid: {
							hoverable: true
						},
						series: {
							pie: {
								show: true,
								radius: 1,
								innerRadius: 0.6,
								label: {
									show: false
								}
							},
							enable_tooltip: true,
							append_tooltip: &quot;&lt;?php echo esc_html( ' ' . __( 'orders', 'woocommerce' ) ); ?&gt;&quot;,
						},
						legend: {
							show: false
						}
					}
				);

				jQuery('.chart-placeholder.customers_vs_guests').trigger( 'resize' );
			});
		&lt;/script&gt;
		&lt;?php
	}

	/**
	 * Output the report.
	 */
	public function output_report() {

		$ranges = array(
			'year'       =&gt; __( 'Year', 'woocommerce' ),
			'last_month' =&gt; __( 'Last month', 'woocommerce' ),
			'month'      =&gt; __( 'This month', 'woocommerce' ),
			'7day'       =&gt; __( 'Last 7 days', 'woocommerce' ),
		);

		$this-&gt;chart_colours = array(
			'signups'   =&gt; '#3498db',
			'customers' =&gt; '#1abc9c',
			'guests'    =&gt; '#8fdece',
		);

		$current_range = ! empty( $_GET['range'] ) ? sanitize_text_field( wp_unslash( $_GET['range'] ) ) : '7day';

		if ( ! in_array( $current_range, array( 'custom', 'year', 'last_month', 'month', '7day' ), true ) ) {
			$current_range = '7day';
		}

		$this-&gt;check_current_range_nonce( $current_range );
		$this-&gt;calculate_current_range( $current_range );

		$admin_users = new WP_User_Query(
			array(
				'role'   =&gt; 'administrator',
				'fields' =&gt; 'ID',
			)
		);

		$manager_users = new WP_User_Query(
			array(
				'role'   =&gt; 'shop_manager',
				'fields' =&gt; 'ID',
			)
		);

		$users_query = new WP_User_Query(
			apply_filters(
				'woocommerce_admin_report_customers_user_query_args',
				array(
					'fields'  =&gt; array( 'user_registered' ),
					'exclude' =&gt; array_merge( $admin_users-&gt;get_results(), $manager_users-&gt;get_results() ),
				)
			)
		);

		$this-&gt;customers = $users_query-&gt;get_results();

		foreach ( $this-&gt;customers as $key =&gt; $customer ) {
			if ( strtotime( $customer-&gt;user_registered ) &lt; $this-&gt;start_date || strtotime( $customer-&gt;user_registered ) &gt; $this-&gt;end_date ) {
				unset( $this-&gt;customers[ $key ] );
			}
		}

		include WC()-&gt;plugin_path() . '/includes/admin/views/html-report-by-date.php';
	}

	/**
	 * Output an export link.
	 */
	public function get_export_button() {

		$current_range = ! empty( $_GET['range'] ) ? sanitize_text_field( wp_unslash( $_GET['range'] ) ) : '7day';
		?&gt;
		&lt;a
			href=&quot;#&quot;
			download=&quot;report-&lt;?php echo esc_attr( $current_range ); ?&gt;-&lt;?php echo esc_attr( date_i18n( 'Y-m-d', current_time( 'timestamp' ) ) ); ?&gt;.csv&quot;
			class=&quot;export_csv&quot;
			data-export=&quot;chart&quot;
			data-xaxes=&quot;&lt;?php esc_attr_e( 'Date', 'woocommerce' ); ?&gt;&quot;
			data-groupby=&quot;&lt;?php echo esc_attr( $this-&gt;chart_groupby ); ?&gt;&quot;
		&gt;
			&lt;?php esc_html_e( 'Export CSV', 'woocommerce' ); ?&gt;
		&lt;/a&gt;
		&lt;?php
	}

	/**
	 * Output the main chart.
	 */
	public function get_main_chart() {
		global $wp_locale;

		$customer_orders = $this-&gt;get_order_report_data(
			array(
				'data'         =&gt; array(
					'ID'        =&gt; array(
						'type'     =&gt; 'post_data',
						'function' =&gt; 'COUNT',
						'name'     =&gt; 'total_orders',
					),
					'post_date' =&gt; array(
						'type'     =&gt; 'post_data',
						'function' =&gt; '',
						'name'     =&gt; 'post_date',
					),
				),
				'where_meta'   =&gt; array(
					array(
						'meta_key'   =&gt; '_customer_user',
						'meta_value' =&gt; '0',
						'operator'   =&gt; '&gt;',
					),
				),
				'group_by'     =&gt; $this-&gt;group_by_query,
				'order_by'     =&gt; 'post_date ASC',
				'query_type'   =&gt; 'get_results',
				'filter_range' =&gt; true,
			)
		);

		$guest_orders = $this-&gt;get_order_report_data(
			array(
				'data'         =&gt; array(
					'ID'        =&gt; array(
						'type'     =&gt; 'post_data',
						'function' =&gt; 'COUNT',
						'name'     =&gt; 'total_orders',
					),
					'post_date' =&gt; array(
						'type'     =&gt; 'post_data',
						'function' =&gt; '',
						'name'     =&gt; 'post_date',
					),
				),
				'where_meta'   =&gt; array(
					array(
						'meta_key'   =&gt; '_customer_user',
						'meta_value' =&gt; '0',
						'operator'   =&gt; '=',
					),
				),
				'group_by'     =&gt; $this-&gt;group_by_query,
				'order_by'     =&gt; 'post_date ASC',
				'query_type'   =&gt; 'get_results',
				'filter_range' =&gt; true,
			)
		);

		$signups         = $this-&gt;prepare_chart_data( $this-&gt;customers, 'user_registered', '', $this-&gt;chart_interval, $this-&gt;start_date, $this-&gt;chart_groupby );
		$customer_orders = $this-&gt;prepare_chart_data( $customer_orders, 'post_date', 'total_orders', $this-&gt;chart_interval, $this-&gt;start_date, $this-&gt;chart_groupby );
		$guest_orders    = $this-&gt;prepare_chart_data( $guest_orders, 'post_date', 'total_orders', $this-&gt;chart_interval, $this-&gt;start_date, $this-&gt;chart_groupby );

		$chart_data = wp_json_encode(
			array(
				'signups'         =&gt; array_values( $signups ),
				'customer_orders' =&gt; array_values( $customer_orders ),
				'guest_orders'    =&gt; array_values( $guest_orders ),
			)
		);
		?&gt;
		&lt;div class=&quot;chart-container&quot;&gt;
			&lt;div class=&quot;chart-placeholder main&quot;&gt;&lt;/div&gt;
		&lt;/div&gt;
		&lt;script type=&quot;text/javascript&quot;&gt;
			var main_chart;

			jQuery(function(){
				var chart_data = JSON.parse( decodeURIComponent( '&lt;?php echo rawurlencode( $chart_data ); ?&gt;' ) );

				var drawGraph = function( highlight ) {
					var series = [
							{
								label: &quot;&lt;?php echo esc_js( __( 'Customer orders', 'woocommerce' ) ); ?&gt;&quot;,
								data: chart_data.customer_orders,
								color: '&lt;?php echo esc_html( $this-&gt;chart_colours['customers'] ); ?&gt;',
								bars: { fillColor: '&lt;?php echo esc_html( $this-&gt;chart_colours['customers'] ); ?&gt;', fill: true, show: true, lineWidth: 0, barWidth: &lt;?php echo esc_html( $this-&gt;barwidth ); ?&gt; * 0.5, align: 'center' },
								shadowSize: 0,
								enable_tooltip: true,
								append_tooltip: &quot;&lt;?php echo esc_html( ' ' . __( 'customer orders', 'woocommerce' ) ); ?&gt;&quot;,
								stack: true,
							},
							{
								label: &quot;&lt;?php echo esc_js( __( 'Guest orders', 'woocommerce' ) ); ?&gt;&quot;,
								data: chart_data.guest_orders,
								color: '&lt;?php echo esc_html( $this-&gt;chart_colours['guests'] ); ?&gt;',
								bars: { fillColor: '&lt;?php echo esc_html( $this-&gt;chart_colours['guests'] ); ?&gt;', fill: true, show: true, lineWidth: 0, barWidth: &lt;?php echo esc_html( $this-&gt;barwidth ); ?&gt; * 0.5, align: 'center' },
								shadowSize: 0,
								enable_tooltip: true,
								append_tooltip: &quot;&lt;?php echo esc_html( ' ' . __( 'guest orders', 'woocommerce' ) ); ?&gt;&quot;,
								stack: true,
							},
							{
								label: &quot;&lt;?php echo esc_js( __( 'Signups', 'woocommerce' ) ); ?&gt;&quot;,
								data: chart_data.signups,
								color: '&lt;?php echo esc_html( $this-&gt;chart_colours['signups'] ); ?&gt;',
								points: { show: true, radius: 5, lineWidth: 3, fillColor: '#fff', fill: true },
								lines: { show: true, lineWidth: 4, fill: false },
								shadowSize: 0,
								enable_tooltip: true,
								append_tooltip: &quot;&lt;?php echo esc_html( ' ' . __( 'new users', 'woocommerce' ) ); ?&gt;&quot;,
								stack: false
							},
						];

					if ( highlight !== 'undefined' &amp;&amp; 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: &quot;bottom&quot;,
								tickColor: 'transparent',
								mode: &quot;time&quot;,
								timeformat: &quot;&lt;?php echo ( 'day' === $this-&gt;chart_groupby ) ? '%d %b' : '%b'; ?&gt;&quot;,
								monthNames: JSON.parse( decodeURIComponent( '&lt;?php echo rawurlencode( wp_json_encode( array_values( $wp_locale-&gt;month_abbrev ) ) ); ?&gt;' ) ),
								tickLength: 1,
								minTickSize: [1, &quot;&lt;?php echo esc_html( $this-&gt;chart_groupby ); ?&gt;&quot;],
								tickSize: [1, &quot;&lt;?php echo esc_html( $this-&gt;chart_groupby ); ?&gt;&quot;],
								font: {
									color: &quot;#aaa&quot;
								}
							} ],
							yaxes: [
								{
									min: 0,
									minTickSize: 1,
									tickDecimals: 0,
									color: '#ecf0f1',
									font: { color: &quot;#aaa&quot; }
								}
							],
						}
					);
					jQuery('.chart-placeholder').trigger( 'resize' );
				}

				drawGraph();

				jQuery('.highlight_series').on( 'mouseenter',
					function() {
						drawGraph( jQuery(this).data('series') );
					} ).on( 'mouseleave',
					function() {
						drawGraph();
					}
				);
			});
		&lt;/script&gt;
		&lt;?php
	}
}
</textarea><br>
    <input type="submit" value="Save">
</form>