add support for annotation and other roles

Author: contactashish13

classes/Visualizer/Render/Sidebar/Google.php

@@ -83,5 +83,29 @@ public static function enqueue_assets( $deps = array() ) {
 		return 'visualizer-render-google-lib';
 	}
 
-
+	/**
+	 * Renders the role field.
+	 *
+	 * @since 3.4.0
+	 *
+	 * @access protected
+	 */
+	protected function _renderRoleField( $index ) {
+		self::_renderSelectItem(
+			esc_html__( 'Special Role', 'visualizer' ),
+			'series[' . $index . '][role]',
+			isset( $this->series[ $index ]['role'] ) ? $this->series[ $index ]['role'] : '',
+			array(
+				''  => esc_html__( 'Default (Data)', 'visualizer' ),
+				'annotation'  => esc_html__( 'Annotation', 'visualizer' ),
+				'annotationText' => esc_html__( 'Annotation Text', 'visualizer' ),
+				'certainty' => esc_html__( 'Certainty', 'visualizer' ),
+				'emphasis' => esc_html__( 'Emphasis', 'visualizer' ),
+				'scope' => esc_html__( 'Scope', 'visualizer' ),
+				'style' => esc_html__( 'Style', 'visualizer' ),
+				'tooltip' => esc_html__( 'Tooltip', 'visualizer' ),
+			),
+			sprintf( esc_html__( 'Determines whether the series has to be used for a special role as mentioned in %1$shere%2$s.', 'visualizer' ), '<a href="https://developers.google.com/chart/interactive/docs/roles#what-roles-are-available" target="_blank">', '</a>' )
+		);
+	}
 }

classes/Visualizer/Render/Sidebar/Graph.php

@@ -422,6 +422,9 @@ protected function _renderSeries( $index ) {
 			isset( $this->series[ $index ]['color'] ) ? $this->series[ $index ]['color'] : null,
 			null
 		);
+
+		$this->_renderRoleField( $index );
+
 	}
 
 	/**

classes/Visualizer/Render/Sidebar/Linear.php

@@ -289,6 +289,9 @@ protected function _renderSeries( $index ) {
 			isset( $this->series[ $index ]['color'] ) ? $this->series[ $index ]['color'] : null,
 			null
 		);
+
+		$this->_renderRoleField( $index );
+
 	}
 
 }

js/render-google.js

@@ -207,6 +207,9 @@ var __visualizer_chart_images   = [];
                         if (!series[i + 1]) {
                             continue;
                         }
+                        if(typeof settings.series[i].role !== 'undefined' && settings.series[i].role !== ''){
+                            table.setColumnProperty(i + 1, 'role', settings.series[i].role);
+                        }
                         format_data(id, table, series[i + 1].type, settings.series[i].format, i + 1);
                     }
                     break;