canvasjs-dashboard-samples/assets/web-analytics/overview.js
// chart properties cutomized further based on screen width

chart properties cutomized further based on screen width
chart properties cutomized further based on screen width
function chartPropertiesCustomization () {
		if ($(window).outerWidth() >= 1200 ) {
			annualRevenueByCategoryPieChart.options.legend.horizontalAlign = "left";
			annualRevenueByCategoryPieChart.options.legend.verticalAlign = "center";
			annualRevenueByCategoryPieChart.render();
			visitorsChartTagDOM.css("position", "absolute");
		} else if ($(window).outerWidth() < 1200) {
			annualRevenueByCategoryPieChart.options.legend.horizontalAlign = "center";
			annualRevenueByCategoryPieChart.options.legend.verticalAlign = "top";
			annualRevenueByCategoryPieChart.render();
			visitorsChartTagDOM.css("position", "static");
		}
	}
function chartPropertiesCustomization ( ) { if ( $ ( window ) . outerWidth ( ) >= 1200 ) { annualRevenueByCategoryPieChart . options . legend . horizontalAlign = "left" ; annualRevenueByCategoryPieChart . options . legend . verticalAlign = "center" ; annualRevenueByCategoryPieChart . render ( ) ; visitorsChartTagDOM . css ( "position" , "absolute" ) ; } else if ( $ ( window ) . outerWidth ( ) < 1200 ) { annualRevenueByCategoryPieChart . options . legend . horizontalAlign = "center" ; annualRevenueByCategoryPieChart . options . legend . verticalAlign = "top" ; annualRevenueByCategoryPieChart . render ( ) ; visitorsChartTagDOM . css ( "position" , "static" ) ; } }
chart properties cutomized further based on screen width
chart properties cutomized further based on screen width