Implemented ability to edit tooltip settings

Author: Eugene Manuilov

classes/Visualizer/Render/Sidebar.php

@@ -213,9 +213,43 @@ protected function _renderGeneralSettings() {
 					'#000'
 				);
 			self::_renderSectionEnd();
+
+			self::_renderSectionStart( esc_html__( 'Tooltip', Visualizer_Plugin::NAME ), false );
+				$this->_renderTooltipSettigns();
+			self::_renderSectionEnd();
 		self::_renderGroupEnd();
 	}
 
+	/**
+	 * Renders tooltip settings section.
+	 *
+	 * @since 1.4.0
+	 *
+	 * @access protected
+	 */
+	protected function _renderTooltipSettigns() {
+		self::_renderSelectItem(
+			esc_html__( 'Trigger', Visualizer_Plugin::NAME ),
+			'tooltip[trigger]',
+			isset( $this->tooltip['trigger'] ) ? $this->tooltip['trigger'] : null,
+			array(
+				''          => '',
+				'focus'     => esc_html__( 'The tooltip will be displayed when the user hovers over an element', Visualizer_Plugin::NAME ),
+				'selection' => esc_html__( 'The tooltip will be displayed when the user selects an element', Visualizer_Plugin::NAME ),
+				'none'      => esc_html__( 'The tooltip will not be displayed', Visualizer_Plugin::NAME ),
+			),
+			esc_html__( 'Determines the user interaction that causes the tooltip to be displayed.', Visualizer_Plugin::NAME )
+		);
+
+		self::_renderSelectItem(
+			esc_html__( 'Show Color Code', Visualizer_Plugin::NAME ),
+			'tooltip[showColorCode]',
+			isset( $this->tooltip['showColorCode'] ) ? $this->tooltip['showColorCode'] : null,
+			$this->_yesno,
+			esc_html__( 'If set to yes, will show colored squares next to the slice information in the tooltip.', Visualizer_Plugin::NAME )
+		);
+	}
+
 	/**
 	 * Renders chart view settings group.
 	 *

classes/Visualizer/Render/Sidebar/Type/Geo.php

@@ -125,9 +125,33 @@ protected function _renderMapSettings() {
 					''
 				);
 			self::_renderSectionEnd();
+			self::_renderSectionStart( esc_html__( 'Tooltip', Visualizer_Plugin::NAME ), false );
+				$this->_renderTooltipSettigns();
+			self::_renderSectionEnd();
 		self::_renderGroupEnd();
 	}
 
+	/**
+	 * Renders tooltip settings section.
+	 *
+	 * @since 1.4.0
+	 *
+	 * @access protected
+	 */
+	protected function _renderTooltipSettigns() {
+		self::_renderSelectItem(
+			esc_html__( 'Trigger', Visualizer_Plugin::NAME ),
+			'tooltip[trigger]',
+			isset( $this->tooltip['trigger'] ) ? $this->tooltip['trigger'] : null,
+			array(
+				''          => '',
+				'focus'     => esc_html__( 'The tooltip will be displayed when the user hovers over an element', Visualizer_Plugin::NAME ),
+				'none'      => esc_html__( 'The tooltip will not be displayed', Visualizer_Plugin::NAME ),
+			),
+			esc_html__( 'Determines the user interaction that causes the tooltip to be displayed.', Visualizer_Plugin::NAME )
+		);
+	}
+
 	/**
 	 * Renders color axis settings group.
 	 *

classes/Visualizer/Render/Sidebar/Type/Pie.php

@@ -179,4 +179,28 @@ protected function _renderSlicesSettings() {
 		self::_renderGroupEnd();
 	}
 
+	/**
+	 * Renders tooltip settings section.
+	 *
+	 * @since 1.4.0
+	 *
+	 * @access protected
+	 */
+	protected function _renderTooltipSettigns() {
+		parent::_renderTooltipSettigns();
+
+		self::_renderSelectItem(
+			esc_html__( 'Text', Visualizer_Plugin::NAME ),
+			'tooltip[text]',
+			isset( $this->tooltip['text'] ) ? $this->tooltip['text'] : null,
+			array(
+				''           => '',
+				'both'       => esc_html__( 'Display both the absolute value of the slice and the percentage of the whole', Visualizer_Plugin::NAME ),
+				'value'      => esc_html__( 'Display only the absolute value of the slice', Visualizer_Plugin::NAME ),
+				'percentage' => esc_html__( 'Display only the percentage of the whole represented by the slice', Visualizer_Plugin::NAME ),
+			),
+			esc_html__( 'Determines what information to display when the user hovers over a pie slice.', Visualizer_Plugin::NAME )
+		);
+	}
+
 }

js/media/view.js

@@ -54,10 +54,6 @@
 			settings.width = self.options.width;
 			settings.height = self.options.height;
 
-			if (settings.tooltip == undefined) {
-				settings.tooltip = {trigger: 'selection'};
-			}
-
 			table = new gv.DataTable({cols: series});
 			chart = type == 'gauge' ? 'Gauge' : type.charAt(0).toUpperCase() + type.slice(1) + 'Chart';
 			chart = new gv[chart](self.el);

js/render.js

@@ -11,10 +11,6 @@
 		data = chart.data;
 		settings = chart.settings;
 
-		if (settings.tooltip == undefined) {
-			settings.tooltip = {trigger: 'selection'};
-		}
-
 		container = document.getElementById(id);
 		table = new gv.DataTable({cols: series});
 

readme.txt

@@ -59,6 +59,7 @@ Pay attention that to turn your shortcodes into graphs, your theme has to have `
 == Changelog ==
 
 = 1.4 =
+* Implemented ability to edit tooltip settings
 * Implemented new settings for linear charts like selection mode and aggregation target
 * Implemented area opacity setting for area chart
 * Implemented new settings for pie chart like pie hole, start angle and slice offset