includes/gutenberg/site-insights/templates/graph/class-graph-device.php000064400000007054151565061710035757 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 device breakdown * * @return string */ protected function get_amp_output() { if (empty($this->data['devices'])) { return false; } $data = $this->data['devices']; $title = __( 'Device Breakdown', 'google-analytics-for-wordpress' ); $html = "
"; $html .= "
{$title}
"; $html .= "
"; foreach ($data as $device => $percentage) { $device_name = ucfirst($device); $html .= "
"; $html .= "
{$device_name}
"; $html .= "
"; $html .= "
"; $html .= "
"; $html .= "
{$percentage}%
"; $html .= "
"; } $html .= "
"; // Close device-container $html .= "
"; // Close graph-item return $html; } protected function get_options() { if (empty($this->data['devices'])) { return false; } $primaryColor = $this->attributes['primaryColor']; $secondaryColor = $this->attributes['secondaryColor']; $textColor = $this->attributes['textColor']; $data = $this->data['devices']; $labels = array(); $series = array_values($data); foreach ($data as $key => $value){ $labels[] = ucfirst($key); } $title = __( 'Device Breakdown', 'google-analytics-for-wordpress' ); $options = array( 'series' => $series, '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' ) ), 'plotOptions' => array( 'plotOptions' => array( 'pie' => array( 'donut' => array( 'size' => '75%' ) ) ) ), '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 ), 'labels' => $labels, 'responsive' => array( 0 => array( 'breakpoint' => 767, 'options' => array( 'legend' => array( 'show' => false ) ) ) ) ); return $options; } }