Merge pull request #96 from Codeinwp/development

Fixed responsive issue 
Fixed no axis color for line and bar charts

classes/Visualizer/Module/Frontend.php

@@ -110,8 +110,10 @@ public function renderChart( $atts ) {
 		}
 
 		$id = 'visualizer-' . $atts['id'];
+        $defaultClass   = "visualizer-front";
 		$class = apply_filters( Visualizer_Plugin::FILTER_CHART_WRAPPER_CLASS, $atts['class'], $atts['id'] );
-		$class = !empty( $class ) ? ' class="' . $class . '"' : '';
+        $class  = $defaultClass . " " . $class;
+		$class = !empty( $class ) ? ' class="' . trim($class) . '"' : '';
 
 		$type = get_post_meta( $chart->ID, Visualizer_Plugin::CF_CHART_TYPE, true );
 

classes/Visualizer/Plugin.php

@@ -30,7 +30,7 @@
 class Visualizer_Plugin {
 
 	const NAME    = 'visualizer';
-	const VERSION = '1.6.0';
+	const VERSION = '1.6.5';
 
 	// custom post types
 	const CPT_VISUALIZER = 'visualizer';

classes/Visualizer/Render/Sidebar/Columnar.php

@@ -78,4 +78,39 @@ protected function _renderColumnarSettings() {
 		self::_renderGroupEnd();
 	}
 
+
+	/**
+	 * Renders general settings block for vertical axis settings.
+	 *
+	 * @since 1.4.0
+	 *
+	 * @access protected
+	 */
+	protected function _renderVerticalAxisGeneralSettings() {
+        parent::_renderVerticalAxisGeneralSettings();
+		self::_renderColorPickerItem(
+			esc_html__( 'Axis Text Color', Visualizer_Plugin::NAME ),
+			'hAxis[textStyle]',
+			isset( $this->hAxis['textStyle'] ) ? $this->hAxis['textStyle'] : null,
+			'#000'
+		);
+    }
+
+	/**
+	 * Renders general settings block for vertical axis settings.
+	 *
+	 * @since 1.4.0
+	 *
+	 * @access protected
+	 */
+	protected function _renderHorizontalAxisGeneralSettings() {
+        parent::_renderHorizontalAxisGeneralSettings();
+		self::_renderColorPickerItem(
+			esc_html__( 'Axis Text Color', Visualizer_Plugin::NAME ),
+			'vAxis[textStyle]',
+			isset( $this->vAxis['textStyle'] ) ? $this->vAxis['textStyle'] : null,
+			'#000'
+		);
+    }
+
 }

classes/Visualizer/Render/Sidebar/Graph.php

@@ -133,7 +133,7 @@ protected function _renderChartTitleSettings() {
 	 *
 	 * @access protected
 	 */
-	protected function _renderHorizontalAxisGeneratSettings() {
+	protected function _renderHorizontalAxisGeneralSettings() {
 		self::_renderTextItem(
 			esc_html__( 'Axis Title', Visualizer_Plugin::NAME ),
 			'hAxis[title]',
@@ -179,7 +179,7 @@ protected function _renderHorizontalAxisGeneratSettings() {
 	protected function _renderHorizontalAxisSettings() {
 		self::_renderGroupStart( esc_html__( 'Horizontal Axis Settings', Visualizer_Plugin::NAME ) );
 			self::_renderSectionStart( esc_html__( 'General Settings', Visualizer_Plugin::NAME ), false );
-				$this->_renderHorizontalAxisGeneratSettings();
+				$this->_renderHorizontalAxisGeneralSettings();
 			self::_renderSectionEnd();
 
 			if ( $this->_horizontalGridLines ) {

classes/Visualizer/Render/Sidebar/Linear.php

@@ -91,8 +91,16 @@ public function __construct( $data = array() ) {
 	 *
 	 * @access protected
 	 */
-	protected function _renderHorizontalAxisGeneratSettings() {
-		parent::_renderHorizontalAxisGeneratSettings();
+	protected function _renderHorizontalAxisGeneralSettings() {
+		parent::_renderHorizontalAxisGeneralSettings();
+
+		self::_renderColorPickerItem(
+			esc_html__( 'Axis Text Color', Visualizer_Plugin::NAME ),
+			'vAxis[textStyle]',
+			isset( $this->vAxis['textStyle'] ) ? $this->vAxis['textStyle'] : null,
+			'#000'
+		);
+
 		$this->_renderHorizontalAxisFormatField();
 	}
 
@@ -105,6 +113,14 @@ protected function _renderHorizontalAxisGeneratSettings() {
 	 */
 	protected function _renderVerticalAxisGeneralSettings() {
 		parent::_renderVerticalAxisGeneralSettings();
+
+		self::_renderColorPickerItem(
+			esc_html__( 'Axis Text Color', Visualizer_Plugin::NAME ),
+			'hAxis[textStyle]',
+			isset( $this->hAxis['textStyle'] ) ? $this->hAxis['textStyle'] : null,
+			'#000'
+		);
+
 		$this->_renderVerticalAxisFormatField();
 	}
 

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

@@ -54,8 +54,8 @@ public function __construct( $data = array( ) ) {
 	 *
 	 * @access protected
 	 */
-	protected function _renderHorizontalAxisGeneratSettings() {
-		parent::_renderHorizontalAxisGeneratSettings();
+	protected function _renderHorizontalAxisGeneralSettings() {
+		parent::_renderHorizontalAxisGeneralSettings();
 		$this->_renderHorizontalAxisFormatField();
 	}
 

css/media.css

@@ -1,5 +1,5 @@
 /*
-	Version: 1.5.6
+	Version: 1.6.5
 */
 #visualizer-library-view {
 	padding: 30px 10px 10px 30px;

index.php

@@ -3,7 +3,7 @@
 Plugin Name: Visualizer: Charts and Graphs Lite
 Plugin URI: https://themeisle.com/plugins/visualizer-charts-and-graphs-lite/
 Description: A simple, easy to use and quite powerful tool to create, manage and embed interactive charts into your WordPress posts and pages. The plugin uses Google Visualization API to render charts, which supports cross-browser compatibility (adopting VML for older IE versions) and cross-platform portability to iOS and new Android releases.
-Version: 1.6.0
+Version: 1.6.5
 Author: Themeisle
 Author URI: http://themeisle.com
 License: GPL v2.0 or later

js/library.js

@@ -98,7 +98,9 @@
                     a.href = url;
                     a.download = data.data.name;
                     a.click();
-                    window.URL.revokeObjectURL(url);
+                    setTimeout(function(){
+                        window.URL.revokeObjectURL(url);
+                    }, 100);
                 }
             });
             return false;

js/render.js

@@ -132,6 +132,18 @@
 			}
 		}
 
+        if(settings.hAxis){
+            if(settings.hAxis.textStyle && settings.hAxis.textStyle != ''){
+                settings.hAxis.textStyle = {color: settings.hAxis.textStyle};
+            }
+        }
+
+        if(settings.vAxis){
+            if(settings.vAxis.textStyle && settings.vAxis.textStyle != ''){
+                settings.vAxis.textStyle = {color: settings.vAxis.textStyle};
+            }
+        }
+
         for (i = 0; i < data.length; i++) {
 			row = [];
 			for (j = 0; j < series.length; j++) {
@@ -198,5 +210,31 @@
 			clearTimeout(resizeTimeout);
 			resizeTimeout = setTimeout(v.render, 100);
 		});
-	});
+
+        resizeHiddenContainers();
+    });
+
+    function resizeHiddenContainers(){
+        $(".visualizer-front").parents().each(function(){
+            if(!$(this).is(":visible")){
+                $(this).addClass("visualizer-hidden-container");
+            }
+        });
+
+        var mutateObserver = new MutationObserver(function(records) {
+            records.forEach(function(record) {
+                if(record.attributeName == "style"){
+                    var element         = $(record.target);
+                    var displayStyle    = window.getComputedStyle(element[0]).getPropertyValue("display");
+                    if(element.hasClass("visualizer-hidden-container-resized") || displayStyle == "none") return;
+                    element.addClass("visualizer-hidden-container-resized").find(".visualizer-front").resize();
+                }
+            });
+        });
+
+        $('.visualizer-hidden-container').each(function(){
+            mutateObserver.observe($(this)[0], {attributes: true});
+        });
+	}
+
 })(jQuery, visualizer);

readme.txt

@@ -2,7 +2,7 @@
 Contributors:  codeinwp,marius2012,marius_codeinwp,hardeepasrani,themeisle,Madalin_ThemeIsle
 Tags: chart, charts, charting, graph, graphs, graphing, visualisation, visualise data, visualization, visualize data, HTML5, canvas, pie chart, line chart, bar chart, column chart, gauge chart, area chart, scatter chart, candlestick chart, geo chart, google visualization api
 Requires at least: 3.5
-Tested up to: 4.6
+Tested up to: 4.6.1
 Stable tag: trunk
 License: GPL v2.0 or later
 License URI: http://www.opensource.org/licenses/gpl-license.php
@@ -11,7 +11,7 @@ A simple and quite powerful WordPress chart plugin to create, manage and embed i
 
 == Description ==
 
-<a href="http://themeisle.com/plugins/visualizer-charts-and-graphs-lite/" rel="friend">WordPress Visualizer plugin</a> is a simple, easy to use and quite powerful tool to create, manage and embed interactive charts into your WordPress posts and pages.
+<a href="http://themeisle.com/plugins/visualizer-charts-and-graphs-lite/" rel="nofollow">WordPress Visualizer plugin</a> is a simple, easy to use and quite powerful tool to create, manage and embed interactive charts into your WordPress posts and pages.
 
 The plugin uses Google Visualization API to add charts, which support cross-browser compatibility (adopting VML for older IE versions) and cross-platform portability to iOS and new Android releases.
 
@@ -37,7 +37,7 @@ Charts are rendered using HTML5/SVG technology to provide cross-browser compatib
 
 *above descriptions were partially taken from Google Visualization API site*
 
-The plugins works perfectly with the all <a href="http://justfreethemes.com" rel="friend">free</a> or <a href="http://www.codeinwp.com/blog/best-wordpress-themes/" rel="friend">premium WordPress themes</a>
+The plugins works perfectly with the all <a href="http://justfreethemes.com" rel="nofollow">free</a> or <a href="http://www.codeinwp.com/blog/best-wordpress-themes/" rel="nofollow">premium WordPress themes</a>
 
 ### Knowledge Base ###
 
@@ -70,6 +70,11 @@ Pay attention that to turn your shortcodes into graphs, your theme has to have `
 
 == Changelog ==
 
+= 1.6.5=
+* Fixed responsive issue
+* Fixed no axis text color for line and bar charts
+
+
 = 1.6.0 =
 * Fixed security issue when importing charts
 * Removed pointer for the pro version