includes/gutenberg/site-insights/templates/graph/class-graph-newvsreturning.php000064400000010453151565065100037612 0ustar00home/laciafrdyl/www/plugins/google-analytics-for-wordpressis_amp() ) { return $this->get_amp_output(); } $json_data = $this->get_json_data(); if (empty($json_data)) { return false; } return "
"; } /** * Get AMP-compatible output for new vs returning visitors * * @return string */ protected function get_amp_output() { if (empty($this->data['newvsreturn'])) { return false; } $data = $this->data['newvsreturn']; $new_percentage = $data['new']; $returning_percentage = $data['returning']; $html = "
"; $html .= "
" . __( 'New vs Returning', 'google-analytics-for-wordpress' ) . "
"; $html .= "
"; // New visitors section $html .= "
"; $html .= "
" . __( 'New Visitors', 'google-analytics-for-wordpress' ) . "
"; $html .= "
{$new_percentage}%
"; $html .= "
"; $html .= "
"; $html .= "
"; $html .= "
"; // Returning visitors section $html .= "
"; $html .= "
" . __( 'Returning Visitors', 'google-analytics-for-wordpress' ) . "
"; $html .= "
{$returning_percentage}%
"; $html .= "
"; $html .= "
"; $html .= "
"; $html .= "
"; $html .= "
"; // Close donut-container $html .= "
"; // Close graph-item return $html; } protected function get_options() { if (empty($this->data['newvsreturn'])) { return false; } $primaryColor = $this->attributes['primaryColor']; $secondaryColor = $this->attributes['secondaryColor']; $textColor = $this->attributes['textColor']; $data = $this->data['newvsreturn']; $title = __( 'New vs Returning', 'google-analytics-for-wordpress' ); $options = array( 'series' => array( $data['new'], $data['returning'], ), 'chart' => array( 'width' => "100%", 'height' => 'auto', 'type' => 'donut', ), 'colors' => array( $primaryColor, $secondaryColor ), 'title' => array( 'text' => $title, 'align' => 'left', 'style' => array( 'color' => $this->get_color_value($textColor), 'fontSize' => '20px' ) ), 'labels' => array( __( 'New Visitors', 'google-analytics-for-wordpress' ), __( 'Returning Visitors', 'google-analytics-for-wordpress' ), ), 'plotOptions' => array( 'plotOptions' => array( 'pie' => array( 'donut' => array( 'size' => '65%' ) ) ) ), 'legend' => array( 'position' => 'right', 'horizontalAlign' => 'center', 'floating' => false, 'fontSize' => '17px', 'height' => '100%', 'markers' => array( 'width' => 30, 'height' => 30, 'radius' => 30, ), 'formatter' => array( 'args' => 'seriesName, opts', 'body' => 'return [seriesName, " " + opts.w.globals.series[opts.seriesIndex] + "%"];' ) ), 'dataLabels' => array( 'enabled' => false ), 'responsive' => array( array( 'breakpoint' => 767, 'options' => array( 'legend' => array( 'show' => false ) ) ) ) ); return $options; } }