is_amp() ) { return $this->get_amp_output(); } $json_data = $this->get_json_data(); if (empty($json_data)) { return false; } return "
"; } /** * Get AMP-compatible output for top interests * * @return string */ protected function get_amp_output() { if (empty($this->data['interest'])) { return false; } $data = $this->data['interest']; $title = __( 'Top Interests', 'google-analytics-for-wordpress' ); $html = "
"; $html .= "
{$title}
"; $html .= "
"; foreach ($data as $interest) { $interest_name = $interest['interest']; $sessions = $interest['sessions']; $percent = $interest['percent']; $html .= "
"; $html .= "
{$interest_name}
"; $html .= "
"; $html .= "
"; $html .= "
"; $html .= "
{$sessions} ({$percent}%)
"; $html .= "
"; } $html .= "
"; // Close interests-container $html .= "
"; // Close graph-item return $html; } protected function get_options() { if (empty($this->data['interest'])) { return false; } $primaryColor = $this->attributes['primaryColor']; $secondaryColor = $this->attributes['secondaryColor']; $textColor = $this->attributes['textColor']; $data = $this->data['interest']; $title = __( 'Top Interests', 'google-analytics-for-wordpress' ); $series = array(); $percentages = array(); $labels = array_column($data, 'interest'); foreach ($data as $key => $country) { $series[$key] = (int) $country['sessions']; $percentages[$key] = (int) $country['percent']; } $options = array( 'series' => array( array( 'name' => $title, 'data' => $series, ) ), 'chart' => array( 'height' => 430, 'type' => 'bar', 'zoom' => array( 'enabled' => false ), 'toolbar' => array( 'show' => false ) ), 'dataLabels' => array( 'enabled' => true, 'style' => array( 'fontSize' => '12px', 'colors' => array( $textColor ) ) ), 'colors' => array( $primaryColor, $secondaryColor ), 'title' => array( 'text' => $title, 'align' => 'left', 'style' => array( 'color' => $textColor, 'fontSize' => '20px' ) ), 'plotOptions' => array( 'bar' => array( 'horizontal' => true, 'borderRadius' => 5, 'borderRadiusApplication' => 'end', 'dataLabels' => array( 'position' => 'center' ) ) ), 'xaxis' => array( 'categories' => $labels ) ); return $options; } }