Your IP : 18.216.161.178
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"><script type="text/javascript">window.NREUM||(NREUM={}),__nr_require=function(e,n,t){function r(t){if(!n[t]){var o=n[t]={exports:{}};e[t][0].call(o.exports,function(n){var o=e[t][1][n];return r(o?o:n)},o,o.exports)}return n[t].exports}if("function"==typeof __nr_require)return __nr_require;for(var o=0;o<t.length;o++)r(t[o]);return r}({QJf3ax:[function(e,n){function t(e){function n(n,t,a){e&&e(n,t,a),a||(a={});for(var u=c(n),f=u.length,s=i(a,o,r),p=0;f>p;p++)u[p].apply(s,t);return s}function a(e,n){f[e]=c(e).concat(n)}function c(e){return f[e]||[]}function u(){return t(n)}var f={};return{on:a,emit:n,create:u,listeners:c,_events:f}}function r(){return{}}var o="nr@context",i=e("gos");n.exports=t()},{gos:"7eSDFh"}],ee:[function(e,n){n.exports=e("QJf3ax")},{}],3:[function(e,n){function t(e){return function(){r(e,[(new Date).getTime()].concat(i(arguments)))}}var r=e("handle"),o=e(1),i=e(2);"undefined"==typeof window.newrelic&&(newrelic=window.NREUM);var a=["setPageViewName","addPageAction","setCustomAttribute","finished","addToTrace","inlineHit","noticeError"];o(a,function(e,n){window.NREUM[n]=t("api-"+n)}),n.exports=window.NREUM},{1:12,2:13,handle:"D5DuLP"}],gos:[function(e,n){n.exports=e("7eSDFh")},{}],"7eSDFh":[function(e,n){function t(e,n,t){if(r.call(e,n))return e[n];var o=t();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,n,{value:o,writable:!0,enumerable:!1}),o}catch(i){}return e[n]=o,o}var r=Object.prototype.hasOwnProperty;n.exports=t},{}],D5DuLP:[function(e,n){function t(e,n,t){return r.listeners(e).length?r.emit(e,n,t):void(r.q&&(r.q[e]||(r.q[e]=[]),r.q[e].push(n)))}var r=e("ee").create();n.exports=t,t.ee=r,r.q={}},{ee:"QJf3ax"}],handle:[function(e,n){n.exports=e("D5DuLP")},{}],XL7HBI:[function(e,n){function t(e){var n=typeof e;return!e||"object"!==n&&"function"!==n?-1:e===window?0:i(e,o,function(){return r++})}var r=1,o="nr@id",i=e("gos");n.exports=t},{gos:"7eSDFh"}],id:[function(e,n){n.exports=e("XL7HBI")},{}],G9z0Bl:[function(e,n){function t(){var e=d.info=NREUM.info,n=f.getElementsByTagName("script")[0];if(e&&e.licenseKey&&e.applicationID&&n){c(p,function(n,t){n in e||(e[n]=t)});var t="https"===s.split(":")[0]||e.sslForHttp;d.proto=t?"https://":"http://",a("mark",["onload",i()]);var r=f.createElement("script");r.src=d.proto+e.agent,n.parentNode.insertBefore(r,n)}}function r(){"complete"===f.readyState&&o()}function o(){a("mark",["domContent",i()])}function i(){return(new Date).getTime()}var a=e("handle"),c=e(1),u=window,f=u.document;e(2);var s=(""+location).split("?")[0],p={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net",agent:"js-agent.newrelic.com/nr-686.min.js"},d=n.exports={offset:i(),origin:s,features:{}};f.addEventListener?(f.addEventListener("DOMContentLoaded",o,!1),u.addEventListener("load",t,!1)):(f.attachEvent("onreadystatechange",r),u.attachEvent("onload",t)),a("mark",["firstbyte",i()])},{1:12,2:3,handle:"D5DuLP"}],loader:[function(e,n){n.exports=e("G9z0Bl")},{}],12:[function(e,n){function t(e,n){var t=[],o="",i=0;for(o in e)r.call(e,o)&&(t[i]=n(o,e[o]),i+=1);return t}var r=Object.prototype.hasOwnProperty;n.exports=t},{}],13:[function(e,n){function t(e,n,t){n||(n=0),"undefined"==typeof t&&(t=e?e.length:0);for(var r=-1,o=t-n||0,i=Array(0>o?0:o);++r<o;)i[r]=e[n+r];return i}n.exports=t},{}]},{},["G9z0Bl"]);</script>
<title>Charts 4 PHP | Business Dashboard Demo</title>
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
<!-- Bootstrap 3.3.2 -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- Font Awesome Icons -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<!-- Ionicons -->
<link href="http://code.ionicframework.com/ionicons/2.0.0/css/ionicons.min.css" rel="stylesheet" type="text/css" />
<!-- Theme style -->
<link href="dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css" />
<!-- AdminLTE Skins. Choose a skin from the css/skins
folder instead of downloading all of them to reduce the load. -->
<link href="dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css" />
<link rel="icon" type="image/png" href="http://www.chartphp.com/wp-content/uploads/favicon.png">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
<script src="lib/js/jquery.min.js"></script>
<script src="lib/js/chartphp.js"></script>
<link rel="stylesheet" href="lib/js/chartphp.css">
<style>
/* white color data labels */
.jqplot-data-label{color:white;}
.jqplot-table-legend td {
font-size: 115%;
padding-bottom: 0;
padding-left: 2px;
padding-right: 2px;
}
/* white color data labels */
.jqplot-point-label{color:white;}
</style>
</head>
<body class="skin-green">
<div class="wrapper">
<header class="main-header">
<!-- Logo -->
<a href="http://www.chartphp.com/" class="logo"><img src="http://www.chartphp.com/wp-content/uploads/logo_small_white.png" height="35" width="auto"></a>
<!-- Header Navbar: style can be found in header.less -->
<nav class="navbar navbar-static-top" role="navigation">
<!-- Sidebar toggle button-->
<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
<span class="sr-only">Toggle navigation</span>
</a>
<!-- Navbar Right Menu -->
</nav>
</header>
<!-- Left side column. contains the logo and sidebar -->
<aside class="main-sidebar">
<!-- sidebar: style can be found in sidebar.less -->
<section class="sidebar">
<!-- sidebar menu: : style can be found in sidebar.less -->
<ul class="sidebar-menu">
<li class="header">MAIN NAVIGATION</li>
<li class="active treeview">
<a href="#">
<i class="fa fa-dashboard"></i> <span>Dashboard</span>
</a>
</li>
<li><a href="http://www.chartphp.com/docs/"><i class="fa fa-book"></i> Documentation</a></li>
<li class="treeview">
<a href="#">
<i class="fa fa-pie-chart"></i>
<span>Charts</span>
<i class="fa fa-angle-left pull-right"></i>
</a>
<ul class="treeview-menu">
<li><a target="_blank" href="http://www.chartphp.com/demo/#database/funnel.php"><i class="fa fa-circle-o"></i> Funnel Chart</a></li>
<li><a target="_blank" href="http://www.chartphp.com/demo/#database/line.php"><i class="fa fa-circle-o"></i> Line Chart</a></li>
<li><a target="_blank" href="http://www.chartphp.com/demo/#database/bar.php"><i class="fa fa-circle-o"></i> Bar Chart</a></li>
<li><a target="_blank" href="http://www.chartphp.com/demo/#basic/bar-stacked.php"><i class="fa fa-circle-o"></i> Stacked Bar Chart</a></li>
<li><a target="_blank" href="http://www.chartphp.com/demo/#database/pie.php"><i class="fa fa-circle-o"></i> Pie Chart</a></li>
<li><a target="_blank" href="http://www.chartphp.com/demo/#database/donut.php"><i class="fa fa-circle-o"></i> Donut Chart</a></li>
<li><a target="_blank" href="http://www.chartphp.com/demo/#database/area.php"><i class="fa fa-circle-o"></i> Area Chart</a></li>
<li><a target="_blank" href="http://www.chartphp.com/demo/#basic/meter.php"><i class="fa fa-circle-o"></i> Meter Chart</a></li>
<li><a target="_blank" href="http://www.chartphp.com/demo/#database/bubble.php"><i class="fa fa-circle-o"></i> Bubble Chart</a></li>
</ul>
</li>
<li class="header">LABELS</li>
<li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
<li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
<li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
</ul>
</section>
<!-- /.sidebar -->
</aside>
<!-- Content Wrapper. Contains page content -->
<div class="content-wrapper">
<!-- Content Header (Page header) -->
<section class="content-header">
<h1>
Dashboard
<small>Version 2.0</small>
</h1>
</section>
<!-- Main content -->
<section class="content">
<!-- Main row -->
<div class="row">
<!-- Left col -->
<div class="col-md-6">
<!-- MAP & BOX PANE -->
<div class="box box-success">
<div class="box-header with-border">
<h3 class="box-title">Visitors Report</h3>
<div class="box-tools pull-right">
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
</div><!-- /.box-header -->
<div class="box-body no-padding">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="pad">
<!-- Map will be created here -->
<div style="position:relative;">
<div id="c1_export" style="display:none; position:absolute; right:0px; z-index:99999;">
<img src="../../lib/img/download.png" style="cursor:hand;cursor:pointer;" alt="Export" onclick="$(this).next().toggle();">
<div class="export_option" style="position:absolute; margin-top:5px; right:0px; display:none; width:25px;">
<!--<img style="cursor:hand;cursor:pointer;" src="../../lib/img/image-smallicon.png" alt="PNG" onclick="getImageData( $('#c1'), 'png', '' )"> -->
<img style="cursor:hand;cursor:pointer;margin-bottom:5px;" src="../../lib/img/jpeg-icon.png" alt="JPEG" onclick="getImageData( $('#c1'), 'jpg', '' )">
<img style="cursor:hand;cursor:pointer;" src="../../lib/img/pdf-icon.png" alt="PDF" onclick="getImageData( $('#c1'), 'jpg-pdf', '' )">
</div>
</div>
<div style="display:none">
<form action="" method="post" accept-charset="utf-8" id="imgform">
<input name="imgtype" id="imgtype">
<input name="imgtitle" id="imgtitle">
<textarea class="display-none" rows="10" cols="10" name="pngdata" id="pngdata"> </textarea>
</form>
</div>
<div id="c1" style="height:90%; width:90%;"></div>
</div>
<script>
$(document).ready(function(){
var plot_c1 = $.jqplot('c1', [[["Heavy Industry",12],["Retail",9],["Light Industry",14],["Out of home",16],["Commuting",7],["Orientation",9]]], {"title":{"text":"","textColor":"black","fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif","fontSize":"20px"},"seriesColors":["#008EE4","#6BAA01","#e44a00","#33bdda","#583e78","#91D100","#E1B700","#FF76BC","#00A3A3","#FE7C22","#f8bd19"],"animate":false,"grid":{"backgroundColor":"white","borderWidth":1,"shadow":false,"borderColor":"#B3B3B3","drawBorder":false,"drawGridlines":true,"gridLineColor":"#E8E8E8"},"legend":{"textColor":"black","fontFamily":"RobotoRegular","show":true,"placement":"inside","location":"e"},"axesDefaults":{"labelRenderer":$.jqplot.CanvasAxisLabelRenderer,"labelOptions":{"fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif"},"tickOptions":{"fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif"}},"axes":{"xaxis":{"label":"","tickRenderer":$.jqplot.CanvasAxisTickRenderer,"tickOptions":{"angle":0},"autoscale":true},"yaxis":{"label":"","tickRenderer":$.jqplot.CanvasAxisTickRenderer,"pad":1.1,"autoscale":true}},"seriesDefaults":{"rendererOptions":{"smooth":true,"animation":{"show":true,"speed":2500},"showDataLabels":true,"dataLabels":"percent"},"renderer":$.jqplot.PieRenderer}} );
jQuery('#c1_export').show();
jQuery(window).bind("resize", function () {
setTimeout(function(){
plot_c1.destroy();
plot_c1 = $.jqplot('c1', [[["Heavy Industry",12],["Retail",9],["Light Industry",14],["Out of home",16],["Commuting",7],["Orientation",9]]], {"title":{"text":"","textColor":"black","fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif","fontSize":"20px"},"seriesColors":["#008EE4","#6BAA01","#e44a00","#33bdda","#583e78","#91D100","#E1B700","#FF76BC","#00A3A3","#FE7C22","#f8bd19"],"animate":false,"grid":{"backgroundColor":"white","borderWidth":1,"shadow":false,"borderColor":"#B3B3B3","drawBorder":false,"drawGridlines":true,"gridLineColor":"#E8E8E8"},"legend":{"textColor":"black","fontFamily":"RobotoRegular","show":true,"placement":"inside","location":"e"},"axesDefaults":{"labelRenderer":$.jqplot.CanvasAxisLabelRenderer,"labelOptions":{"fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif"},"tickOptions":{"fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif"}},"axes":{"xaxis":{"label":"","tickRenderer":$.jqplot.CanvasAxisTickRenderer,"tickOptions":{"angle":0},"autoscale":true},"yaxis":{"label":"","tickRenderer":$.jqplot.CanvasAxisTickRenderer,"pad":1.1,"autoscale":true}},"seriesDefaults":{"rendererOptions":{"smooth":true,"animation":{"show":true,"speed":2500},"showDataLabels":true,"dataLabels":"percent"},"renderer":$.jqplot.PieRenderer}} );
},50);
});
});
function getImageData(obj, type, title)
{
var str;
imgtype = type;
if (type == 'jpg-pdf')
{
imgtype = 'jpg';
type = 'pdf';
}
var imgCanvas = obj.jqplotToImageCanvas();
if (imgCanvas) {
str = imgCanvas.toDataURL("image/"+imgtype);
}
else {
str = null;
}
$('#pngdata').val(str);
$('#imgtype').val(type);
$('#imgtitle').val(title);
$('#imgform').submit();
}
</script>
</div>
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- /.box-body -->
</div><!-- /.box -->
</div><!-- /.col -->
<!-- Left col -->
<div class="col-md-6">
<!-- MAP & BOX PANE -->
<div class="box box-warning">
<div class="box-header with-border">
<h3 class="box-title">Visitors Report</h3>
<div class="box-tools pull-right">
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
</div><!-- /.box-header -->
<div class="box-body no-padding">
<div class="row">
<div class="col-md-6 col-sm-6">
<div class="pad">
<div style="position:relative;">
<div id="c4_export" style="display:none; position:absolute; right:0px; z-index:99999;">
<img src="../../lib/img/download.png" style="cursor:hand;cursor:pointer;" alt="Export" onclick="$(this).next().toggle();">
<div class="export_option" style="position:absolute; margin-top:5px; right:0px; display:none; width:25px;">
<!--<img style="cursor:hand;cursor:pointer;" src="../../lib/img/image-smallicon.png" alt="PNG" onclick="getImageData( $('#c4'), 'png', '' )"> -->
<img style="cursor:hand;cursor:pointer;margin-bottom:5px;" src="../../lib/img/jpeg-icon.png" alt="JPEG" onclick="getImageData( $('#c4'), 'jpg', '' )">
<img style="cursor:hand;cursor:pointer;" src="../../lib/img/pdf-icon.png" alt="PDF" onclick="getImageData( $('#c4'), 'jpg-pdf', '' )">
</div>
</div>
<div style="display:none">
<form action="" method="post" accept-charset="utf-8" id="imgform">
<input name="imgtype" id="imgtype">
<input name="imgtitle" id="imgtitle">
<textarea class="display-none" rows="10" cols="10" name="pngdata" id="pngdata"> </textarea>
</form>
</div>
<div id="c4" style="height:150px; width:200px;"></div>
</div>
<script>
$(document).ready(function(){
var plot_c4 = $.jqplot('c4', [[465]], {"title":{"text":"","textColor":"black","fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif","fontSize":"20px"},"seriesColors":["#008EE4","#6BAA01","#e44a00","#33bdda","#583e78","#91D100","#E1B700","#FF76BC","#00A3A3","#FE7C22","#f8bd19"],"animate":false,"grid":{"backgroundColor":"white","borderWidth":1,"shadow":false,"borderColor":"#B3B3B3","drawBorder":false,"drawGridlines":true,"gridLineColor":"#E8E8E8"},"legend":{"textColor":"black","fontFamily":"RobotoRegular"},"axesDefaults":{"labelRenderer":$.jqplot.CanvasAxisLabelRenderer,"labelOptions":{"fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif"},"tickOptions":{"fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif"}},"axes":{"xaxis":{"label":"","tickRenderer":$.jqplot.CanvasAxisTickRenderer,"tickOptions":{"angle":0},"autoscale":true},"yaxis":{"label":"","tickRenderer":$.jqplot.CanvasAxisTickRenderer,"pad":1.1,"autoscale":true}},"seriesDefaults":{"rendererOptions":{"smooth":true,"animation":{"show":true,"speed":2500},"intervals":[200,300,400,600],"intervalColors":["#1fb828","#fffc2a","#ff9900","#dc3912"],"background":"#FFFFFF","ringColor":"#2C4D75","tickColor":"#2C4D75"},"renderer":$.jqplot.MeterGaugeRenderer}} );
jQuery('#c4_export').show();
jQuery(window).bind("resize", function () {
setTimeout(function(){
plot_c4.destroy();
plot_c4 = $.jqplot('c4', [[465]], {"title":{"text":"","textColor":"black","fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif","fontSize":"20px"},"seriesColors":["#008EE4","#6BAA01","#e44a00","#33bdda","#583e78","#91D100","#E1B700","#FF76BC","#00A3A3","#FE7C22","#f8bd19"],"animate":false,"grid":{"backgroundColor":"white","borderWidth":1,"shadow":false,"borderColor":"#B3B3B3","drawBorder":false,"drawGridlines":true,"gridLineColor":"#E8E8E8"},"legend":{"textColor":"black","fontFamily":"RobotoRegular"},"axesDefaults":{"labelRenderer":$.jqplot.CanvasAxisLabelRenderer,"labelOptions":{"fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif"},"tickOptions":{"fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif"}},"axes":{"xaxis":{"label":"","tickRenderer":$.jqplot.CanvasAxisTickRenderer,"tickOptions":{"angle":0},"autoscale":true},"yaxis":{"label":"","tickRenderer":$.jqplot.CanvasAxisTickRenderer,"pad":1.1,"autoscale":true}},"seriesDefaults":{"rendererOptions":{"smooth":true,"animation":{"show":true,"speed":2500},"intervals":[200,300,400,600],"intervalColors":["#1fb828","#fffc2a","#ff9900","#dc3912"],"background":"#FFFFFF","ringColor":"#2C4D75","tickColor":"#2C4D75"},"renderer":$.jqplot.MeterGaugeRenderer}} );
},50);
});
});
function getImageData(obj, type, title)
{
var str;
imgtype = type;
if (type == 'jpg-pdf')
{
imgtype = 'jpg';
type = 'pdf';
}
var imgCanvas = obj.jqplotToImageCanvas();
if (imgCanvas) {
str = imgCanvas.toDataURL("image/"+imgtype);
}
else {
str = null;
}
$('#pngdata').val(str);
$('#imgtype').val(type);
$('#imgtitle').val(title);
$('#imgform').submit();
}
</script>
</div>
</div><!-- /.col -->
<div class="col-md-6 col-sm-6">
<div class="pad">
<div style="position:relative;">
<div id="c41_export" style="display:none; position:absolute; right:0px; z-index:99999;">
<img src="../../lib/img/download.png" style="cursor:hand;cursor:pointer;" alt="Export" onclick="$(this).next().toggle();">
<div class="export_option" style="position:absolute; margin-top:5px; right:0px; display:none; width:25px;">
<!--<img style="cursor:hand;cursor:pointer;" src="../../lib/img/image-smallicon.png" alt="PNG" onclick="getImageData( $('#c41'), 'png', '' )"> -->
<img style="cursor:hand;cursor:pointer;margin-bottom:5px;" src="../../lib/img/jpeg-icon.png" alt="JPEG" onclick="getImageData( $('#c41'), 'jpg', '' )">
<img style="cursor:hand;cursor:pointer;" src="../../lib/img/pdf-icon.png" alt="PDF" onclick="getImageData( $('#c41'), 'jpg-pdf', '' )">
</div>
</div>
<div style="display:none">
<form action="" method="post" accept-charset="utf-8" id="imgform">
<input name="imgtype" id="imgtype">
<input name="imgtitle" id="imgtitle">
<textarea class="display-none" rows="10" cols="10" name="pngdata" id="pngdata"> </textarea>
</form>
</div>
<div id="c41" style="height:150px; width:200px;"></div>
</div>
<script>
$(document).ready(function(){
var plot_c41 = $.jqplot('c41', [[420]], {"title":{"text":"","textColor":"black","fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif","fontSize":"20px"},"seriesColors":["#008EE4","#6BAA01","#e44a00","#33bdda","#583e78","#91D100","#E1B700","#FF76BC","#00A3A3","#FE7C22","#f8bd19"],"animate":false,"grid":{"backgroundColor":"white","borderWidth":1,"shadow":false,"borderColor":"#B3B3B3","drawBorder":false,"drawGridlines":true,"gridLineColor":"#E8E8E8"},"legend":{"textColor":"black","fontFamily":"RobotoRegular"},"axesDefaults":{"labelRenderer":$.jqplot.CanvasAxisLabelRenderer,"labelOptions":{"fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif"},"tickOptions":{"fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif"}},"axes":{"xaxis":{"label":"","tickRenderer":$.jqplot.CanvasAxisTickRenderer,"tickOptions":{"angle":0},"autoscale":true},"yaxis":{"label":"","tickRenderer":$.jqplot.CanvasAxisTickRenderer,"pad":1.1,"autoscale":true}},"seriesDefaults":{"rendererOptions":{"smooth":true,"animation":{"show":true,"speed":2500},"intervals":[200,300,400,600],"intervalColors":["#1fb828","#fffc2a","#ff9900","#dc3912"],"background":"#FFFFFF","ringColor":"#2C4D75","tickColor":"#2C4D75"},"renderer":$.jqplot.MeterGaugeRenderer}} );
jQuery('#c41_export').show();
jQuery(window).bind("resize", function () {
setTimeout(function(){
plot_c41.destroy();
plot_c41 = $.jqplot('c41', [[420]], {"title":{"text":"","textColor":"black","fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif","fontSize":"20px"},"seriesColors":["#008EE4","#6BAA01","#e44a00","#33bdda","#583e78","#91D100","#E1B700","#FF76BC","#00A3A3","#FE7C22","#f8bd19"],"animate":false,"grid":{"backgroundColor":"white","borderWidth":1,"shadow":false,"borderColor":"#B3B3B3","drawBorder":false,"drawGridlines":true,"gridLineColor":"#E8E8E8"},"legend":{"textColor":"black","fontFamily":"RobotoRegular"},"axesDefaults":{"labelRenderer":$.jqplot.CanvasAxisLabelRenderer,"labelOptions":{"fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif"},"tickOptions":{"fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif"}},"axes":{"xaxis":{"label":"","tickRenderer":$.jqplot.CanvasAxisTickRenderer,"tickOptions":{"angle":0},"autoscale":true},"yaxis":{"label":"","tickRenderer":$.jqplot.CanvasAxisTickRenderer,"pad":1.1,"autoscale":true}},"seriesDefaults":{"rendererOptions":{"smooth":true,"animation":{"show":true,"speed":2500},"intervals":[200,300,400,600],"intervalColors":["#1fb828","#fffc2a","#ff9900","#dc3912"],"background":"#FFFFFF","ringColor":"#2C4D75","tickColor":"#2C4D75"},"renderer":$.jqplot.MeterGaugeRenderer}} );
},50);
});
});
function getImageData(obj, type, title)
{
var str;
imgtype = type;
if (type == 'jpg-pdf')
{
imgtype = 'jpg';
type = 'pdf';
}
var imgCanvas = obj.jqplotToImageCanvas();
if (imgCanvas) {
str = imgCanvas.toDataURL("image/"+imgtype);
}
else {
str = null;
}
$('#pngdata').val(str);
$('#imgtype').val(type);
$('#imgtitle').val(title);
$('#imgform').submit();
}
</script>
</div>
</div><!-- /.col -->
<div class="col-md-6 col-sm-6">
<div class="pad">
<div style="position:relative;">
<div id="c42_export" style="display:none; position:absolute; right:0px; z-index:99999;">
<img src="../../lib/img/download.png" style="cursor:hand;cursor:pointer;" alt="Export" onclick="$(this).next().toggle();">
<div class="export_option" style="position:absolute; margin-top:5px; right:0px; display:none; width:25px;">
<!--<img style="cursor:hand;cursor:pointer;" src="../../lib/img/image-smallicon.png" alt="PNG" onclick="getImageData( $('#c42'), 'png', '' )"> -->
<img style="cursor:hand;cursor:pointer;margin-bottom:5px;" src="../../lib/img/jpeg-icon.png" alt="JPEG" onclick="getImageData( $('#c42'), 'jpg', '' )">
<img style="cursor:hand;cursor:pointer;" src="../../lib/img/pdf-icon.png" alt="PDF" onclick="getImageData( $('#c42'), 'jpg-pdf', '' )">
</div>
</div>
<div style="display:none">
<form action="" method="post" accept-charset="utf-8" id="imgform">
<input name="imgtype" id="imgtype">
<input name="imgtitle" id="imgtitle">
<textarea class="display-none" rows="10" cols="10" name="pngdata" id="pngdata"> </textarea>
</form>
</div>
<div id="c42" style="height:150px; width:200px;"></div>
</div>
<script>
$(document).ready(function(){
var plot_c42 = $.jqplot('c42', [[394]], {"title":{"text":"","textColor":"black","fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif","fontSize":"20px"},"seriesColors":["#008EE4","#6BAA01","#e44a00","#33bdda","#583e78","#91D100","#E1B700","#FF76BC","#00A3A3","#FE7C22","#f8bd19"],"animate":false,"grid":{"backgroundColor":"white","borderWidth":1,"shadow":false,"borderColor":"#B3B3B3","drawBorder":false,"drawGridlines":true,"gridLineColor":"#E8E8E8"},"legend":{"textColor":"black","fontFamily":"RobotoRegular"},"axesDefaults":{"labelRenderer":$.jqplot.CanvasAxisLabelRenderer,"labelOptions":{"fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif"},"tickOptions":{"fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif"}},"axes":{"xaxis":{"label":"","tickRenderer":$.jqplot.CanvasAxisTickRenderer,"tickOptions":{"angle":0},"autoscale":true},"yaxis":{"label":"","tickRenderer":$.jqplot.CanvasAxisTickRenderer,"pad":1.1,"autoscale":true}},"seriesDefaults":{"rendererOptions":{"smooth":true,"animation":{"show":true,"speed":2500},"intervals":[200,300,400,600],"intervalColors":["#1fb828","#fffc2a","#ff9900","#dc3912"],"background":"#FFFFFF","ringColor":"#2C4D75","tickColor":"#2C4D75"},"renderer":$.jqplot.MeterGaugeRenderer}} );
jQuery('#c42_export').show();
jQuery(window).bind("resize", function () {
setTimeout(function(){
plot_c42.destroy();
plot_c42 = $.jqplot('c42', [[394]], {"title":{"text":"","textColor":"black","fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif","fontSize":"20px"},"seriesColors":["#008EE4","#6BAA01","#e44a00","#33bdda","#583e78","#91D100","#E1B700","#FF76BC","#00A3A3","#FE7C22","#f8bd19"],"animate":false,"grid":{"backgroundColor":"white","borderWidth":1,"shadow":false,"borderColor":"#B3B3B3","drawBorder":false,"drawGridlines":true,"gridLineColor":"#E8E8E8"},"legend":{"textColor":"black","fontFamily":"RobotoRegular"},"axesDefaults":{"labelRenderer":$.jqplot.CanvasAxisLabelRenderer,"labelOptions":{"fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif"},"tickOptions":{"fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif"}},"axes":{"xaxis":{"label":"","tickRenderer":$.jqplot.CanvasAxisTickRenderer,"tickOptions":{"angle":0},"autoscale":true},"yaxis":{"label":"","tickRenderer":$.jqplot.CanvasAxisTickRenderer,"pad":1.1,"autoscale":true}},"seriesDefaults":{"rendererOptions":{"smooth":true,"animation":{"show":true,"speed":2500},"intervals":[200,300,400,600],"intervalColors":["#1fb828","#fffc2a","#ff9900","#dc3912"],"background":"#FFFFFF","ringColor":"#2C4D75","tickColor":"#2C4D75"},"renderer":$.jqplot.MeterGaugeRenderer}} );
},50);
});
});
function getImageData(obj, type, title)
{
var str;
imgtype = type;
if (type == 'jpg-pdf')
{
imgtype = 'jpg';
type = 'pdf';
}
var imgCanvas = obj.jqplotToImageCanvas();
if (imgCanvas) {
str = imgCanvas.toDataURL("image/"+imgtype);
}
else {
str = null;
}
$('#pngdata').val(str);
$('#imgtype').val(type);
$('#imgtitle').val(title);
$('#imgform').submit();
}
</script>
</div>
</div><!-- /.col -->
<div class="col-md-6 col-sm-6">
<div class="pad">
<div style="position:relative;">
<div id="c43_export" style="display:none; position:absolute; right:0px; z-index:99999;">
<img src="../../lib/img/download.png" style="cursor:hand;cursor:pointer;" alt="Export" onclick="$(this).next().toggle();">
<div class="export_option" style="position:absolute; margin-top:5px; right:0px; display:none; width:25px;">
<!--<img style="cursor:hand;cursor:pointer;" src="../../lib/img/image-smallicon.png" alt="PNG" onclick="getImageData( $('#c43'), 'png', '' )"> -->
<img style="cursor:hand;cursor:pointer;margin-bottom:5px;" src="../../lib/img/jpeg-icon.png" alt="JPEG" onclick="getImageData( $('#c43'), 'jpg', '' )">
<img style="cursor:hand;cursor:pointer;" src="../../lib/img/pdf-icon.png" alt="PDF" onclick="getImageData( $('#c43'), 'jpg-pdf', '' )">
</div>
</div>
<div style="display:none">
<form action="" method="post" accept-charset="utf-8" id="imgform">
<input name="imgtype" id="imgtype">
<input name="imgtitle" id="imgtitle">
<textarea class="display-none" rows="10" cols="10" name="pngdata" id="pngdata"> </textarea>
</form>
</div>
<div id="c43" style="height:150px; width:200px;"></div>
</div>
<script>
$(document).ready(function(){
var plot_c43 = $.jqplot('c43', [[291]], {"title":{"text":"","textColor":"black","fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif","fontSize":"20px"},"seriesColors":["#008EE4","#6BAA01","#e44a00","#33bdda","#583e78","#91D100","#E1B700","#FF76BC","#00A3A3","#FE7C22","#f8bd19"],"animate":false,"grid":{"backgroundColor":"white","borderWidth":1,"shadow":false,"borderColor":"#B3B3B3","drawBorder":false,"drawGridlines":true,"gridLineColor":"#E8E8E8"},"legend":{"textColor":"black","fontFamily":"RobotoRegular"},"axesDefaults":{"labelRenderer":$.jqplot.CanvasAxisLabelRenderer,"labelOptions":{"fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif"},"tickOptions":{"fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif"}},"axes":{"xaxis":{"label":"","tickRenderer":$.jqplot.CanvasAxisTickRenderer,"tickOptions":{"angle":0},"autoscale":true},"yaxis":{"label":"","tickRenderer":$.jqplot.CanvasAxisTickRenderer,"pad":1.1,"autoscale":true}},"seriesDefaults":{"rendererOptions":{"smooth":true,"animation":{"show":true,"speed":2500},"intervals":[200,300,400,600],"intervalColors":["#1fb828","#fffc2a","#ff9900","#dc3912"],"background":"#FFFFFF","ringColor":"#2C4D75","tickColor":"#2C4D75"},"renderer":$.jqplot.MeterGaugeRenderer}} );
jQuery('#c43_export').show();
jQuery(window).bind("resize", function () {
setTimeout(function(){
plot_c43.destroy();
plot_c43 = $.jqplot('c43', [[291]], {"title":{"text":"","textColor":"black","fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif","fontSize":"20px"},"seriesColors":["#008EE4","#6BAA01","#e44a00","#33bdda","#583e78","#91D100","#E1B700","#FF76BC","#00A3A3","#FE7C22","#f8bd19"],"animate":false,"grid":{"backgroundColor":"white","borderWidth":1,"shadow":false,"borderColor":"#B3B3B3","drawBorder":false,"drawGridlines":true,"gridLineColor":"#E8E8E8"},"legend":{"textColor":"black","fontFamily":"RobotoRegular"},"axesDefaults":{"labelRenderer":$.jqplot.CanvasAxisLabelRenderer,"labelOptions":{"fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif"},"tickOptions":{"fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif"}},"axes":{"xaxis":{"label":"","tickRenderer":$.jqplot.CanvasAxisTickRenderer,"tickOptions":{"angle":0},"autoscale":true},"yaxis":{"label":"","tickRenderer":$.jqplot.CanvasAxisTickRenderer,"pad":1.1,"autoscale":true}},"seriesDefaults":{"rendererOptions":{"smooth":true,"animation":{"show":true,"speed":2500},"intervals":[200,300,400,600],"intervalColors":["#1fb828","#fffc2a","#ff9900","#dc3912"],"background":"#FFFFFF","ringColor":"#2C4D75","tickColor":"#2C4D75"},"renderer":$.jqplot.MeterGaugeRenderer}} );
},50);
});
});
function getImageData(obj, type, title)
{
var str;
imgtype = type;
if (type == 'jpg-pdf')
{
imgtype = 'jpg';
type = 'pdf';
}
var imgCanvas = obj.jqplotToImageCanvas();
if (imgCanvas) {
str = imgCanvas.toDataURL("image/"+imgtype);
}
else {
str = null;
}
$('#pngdata').val(str);
$('#imgtype').val(type);
$('#imgtitle').val(title);
$('#imgform').submit();
}
</script>
</div>
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- /.box-body -->
</div><!-- /.box -->
</div><!-- /.col -->
</div><!-- /.row -->
<div class='row'>
<div class='col-md-6'>
<!-- USERS LIST -->
<div class="box box-danger">
<div class="box-header with-border">
<h3 class="box-title">Latest Members</h3>
<div class="box-tools pull-right">
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
</div><!-- /.box-header -->
<div class="box-body no-padding ">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="pad">
<div style="position:relative;">
<div id="c2_export" style="display:none; position:absolute; right:0px; z-index:99999;">
<img src="../../lib/img/download.png" style="cursor:hand;cursor:pointer;" alt="Export" onclick="$(this).next().toggle();">
<div class="export_option" style="position:absolute; margin-top:5px; right:0px; display:none; width:25px;">
<!--<img style="cursor:hand;cursor:pointer;" src="../../lib/img/image-smallicon.png" alt="PNG" onclick="getImageData( $('#c2'), 'png', '' )"> -->
<img style="cursor:hand;cursor:pointer;margin-bottom:5px;" src="../../lib/img/jpeg-icon.png" alt="JPEG" onclick="getImageData( $('#c2'), 'jpg', '' )">
<img style="cursor:hand;cursor:pointer;" src="../../lib/img/pdf-icon.png" alt="PDF" onclick="getImageData( $('#c2'), 'jpg-pdf', '' )">
</div>
</div>
<div style="display:none">
<form action="" method="post" accept-charset="utf-8" id="imgform">
<input name="imgtype" id="imgtype">
<input name="imgtitle" id="imgtitle">
<textarea class="display-none" rows="10" cols="10" name="pngdata" id="pngdata"> </textarea>
</form>
</div>
<div id="c2" style="height:90%; width:90%;"></div>
</div>
<script>
$(document).ready(function(){
var plot_c2 = $.jqplot('c2', [[["2010\/10",48.25],["2011\/01",238.75],["2011\/02",95.5],["2011\/03",300.5],["2011\/04",286.8],["2011\/05",400]]], {"title":{"text":"","textColor":"black","fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif","fontSize":"20px"},"seriesColors":["#1AAF5D","#F2C500","#F45B00","#8E0000","#0E948C"],"animate":false,"grid":{"backgroundColor":"white","borderWidth":1,"shadow":false,"borderColor":"#B3B3B3","drawBorder":false,"drawGridlines":true,"gridLineColor":"#E8E8E8"},"legend":{"textColor":"black","fontFamily":"RobotoRegular"},"axesDefaults":{"labelRenderer":$.jqplot.CanvasAxisLabelRenderer,"labelOptions":{"fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif"},"tickOptions":{"fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif"}},"axes":{"xaxis":{"label":"","tickRenderer":$.jqplot.CanvasAxisTickRenderer,"tickOptions":{"angle":-45},"autoscale":true,"renderer":$.jqplot.CategoryAxisRenderer},"yaxis":{"label":"","tickRenderer":$.jqplot.CanvasAxisTickRenderer,"pad":1.1,"autoscale":true}},"seriesDefaults":{"rendererOptions":{"smooth":true,"animation":{"show":true,"speed":2500}},"renderer":$.jqplot.BarRenderer,"pointLabels":{"show":true}},"highlighter":{"show":false}} );
jQuery('#c2_export').show();
jQuery(window).bind("resize", function () {
setTimeout(function(){
plot_c2.destroy();
plot_c2 = $.jqplot('c2', [[["2010\/10",48.25],["2011\/01",238.75],["2011\/02",95.5],["2011\/03",300.5],["2011\/04",286.8],["2011\/05",400]]], {"title":{"text":"","textColor":"black","fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif","fontSize":"20px"},"seriesColors":["#1AAF5D","#F2C500","#F45B00","#8E0000","#0E948C"],"animate":false,"grid":{"backgroundColor":"white","borderWidth":1,"shadow":false,"borderColor":"#B3B3B3","drawBorder":false,"drawGridlines":true,"gridLineColor":"#E8E8E8"},"legend":{"textColor":"black","fontFamily":"RobotoRegular"},"axesDefaults":{"labelRenderer":$.jqplot.CanvasAxisLabelRenderer,"labelOptions":{"fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif"},"tickOptions":{"fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif"}},"axes":{"xaxis":{"label":"","tickRenderer":$.jqplot.CanvasAxisTickRenderer,"tickOptions":{"angle":-45},"autoscale":true,"renderer":$.jqplot.CategoryAxisRenderer},"yaxis":{"label":"","tickRenderer":$.jqplot.CanvasAxisTickRenderer,"pad":1.1,"autoscale":true}},"seriesDefaults":{"rendererOptions":{"smooth":true,"animation":{"show":true,"speed":2500}},"renderer":$.jqplot.BarRenderer,"pointLabels":{"show":true}},"highlighter":{"show":false}} );
},50);
});
});
function getImageData(obj, type, title)
{
var str;
imgtype = type;
if (type == 'jpg-pdf')
{
imgtype = 'jpg';
type = 'pdf';
}
var imgCanvas = obj.jqplotToImageCanvas();
if (imgCanvas) {
str = imgCanvas.toDataURL("image/"+imgtype);
}
else {
str = null;
}
$('#pngdata').val(str);
$('#imgtype').val(type);
$('#imgtitle').val(title);
$('#imgform').submit();
}
</script>
</div>
</div><!-- /.col -->
</div>
</div><!-- /.box-body -->
</div><!--/.box -->
</div><!-- /.col -->
<div class='col-md-6'>
<div class="box box-default">
<div class="box-header with-border">
<h3 class="box-title">Resources Usage</h3>
<div class="box-tools pull-right">
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
</div><!-- /.box-header -->
<div class="box-body">
<div class="row">
<div class="col-md-12">
<div class="pad">
<div style="position:relative;">
<div id="c5_export" style="display:none; position:absolute; right:0px; z-index:99999;">
<img src="../../lib/img/download.png" style="cursor:hand;cursor:pointer;" alt="Export" onclick="$(this).next().toggle();">
<div class="export_option" style="position:absolute; margin-top:5px; right:0px; display:none; width:25px;">
<!--<img style="cursor:hand;cursor:pointer;" src="../../lib/img/image-smallicon.png" alt="PNG" onclick="getImageData( $('#c5'), 'png', '' )"> -->
<img style="cursor:hand;cursor:pointer;margin-bottom:5px;" src="../../lib/img/jpeg-icon.png" alt="JPEG" onclick="getImageData( $('#c5'), 'jpg', '' )">
<img style="cursor:hand;cursor:pointer;" src="../../lib/img/pdf-icon.png" alt="PDF" onclick="getImageData( $('#c5'), 'jpg-pdf', '' )">
</div>
</div>
<div style="display:none">
<form action="" method="post" accept-charset="utf-8" id="imgform">
<input name="imgtype" id="imgtype">
<input name="imgtitle" id="imgtitle">
<textarea class="display-none" rows="10" cols="10" name="pngdata" id="pngdata"> </textarea>
</form>
</div>
<div id="c5" style="height:90%; width:90%;"></div>
</div>
<script>
$(document).ready(function(){
var plot_c5 = $.jqplot('c5', [[[6,1],[3,2],[7,3],[5,4],[8,5]],[[7,1],[5,2],[3,3],[3,4],[10,5]],[[5,1],[9,2],[9,3],[8,4],[3,5]]], {"title":{"text":"","textColor":"black","fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif","fontSize":"20px"},"seriesColors":["#008EE4","#6BAA01","#e44a00","#33bdda","#583e78","#91D100","#E1B700","#FF76BC","#00A3A3","#FE7C22","#f8bd19"],"animate":false,"grid":{"backgroundColor":"white","borderWidth":1,"shadow":false,"borderColor":"#B3B3B3","drawBorder":false,"drawGridlines":true,"gridLineColor":"#E8E8E8"},"legend":{"textColor":"black","fontFamily":"RobotoRegular","show":true,"placement":"outside","location":"e"},"axesDefaults":{"labelRenderer":$.jqplot.CanvasAxisLabelRenderer,"labelOptions":{"fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif"},"tickOptions":{"fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif"}},"axes":{"xaxis":{"label":"","tickRenderer":$.jqplot.CanvasAxisTickRenderer,"tickOptions":{"angle":0},"autoscale":true,"min":0},"yaxis":{"label":"","tickRenderer":$.jqplot.CanvasAxisTickRenderer,"pad":1.1,"autoscale":true,"renderer":$.jqplot.CategoryAxisRenderer}},"seriesDefaults":{"rendererOptions":{"smooth":true,"animation":{"show":true,"speed":2500},"highlightMouseDown":true,"barDirection":"horizontal"},"renderer":$.jqplot.BarRenderer,"pointLabels":{"show":true}},"stackSeries":true,"series":[{"label":"Q1"},{"label":"Q2"},{"label":"Q3"}],"highlighter":{"show":true}} );
jQuery('#c5_export').show();
jQuery(window).bind("resize", function () {
setTimeout(function(){
plot_c5.destroy();
plot_c5 = $.jqplot('c5', [[[6,1],[3,2],[7,3],[5,4],[8,5]],[[7,1],[5,2],[3,3],[3,4],[10,5]],[[5,1],[9,2],[9,3],[8,4],[3,5]]], {"title":{"text":"","textColor":"black","fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif","fontSize":"20px"},"seriesColors":["#008EE4","#6BAA01","#e44a00","#33bdda","#583e78","#91D100","#E1B700","#FF76BC","#00A3A3","#FE7C22","#f8bd19"],"animate":false,"grid":{"backgroundColor":"white","borderWidth":1,"shadow":false,"borderColor":"#B3B3B3","drawBorder":false,"drawGridlines":true,"gridLineColor":"#E8E8E8"},"legend":{"textColor":"black","fontFamily":"RobotoRegular","show":true,"placement":"outside","location":"e"},"axesDefaults":{"labelRenderer":$.jqplot.CanvasAxisLabelRenderer,"labelOptions":{"fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif"},"tickOptions":{"fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif"}},"axes":{"xaxis":{"label":"","tickRenderer":$.jqplot.CanvasAxisTickRenderer,"tickOptions":{"angle":0},"autoscale":true,"min":0},"yaxis":{"label":"","tickRenderer":$.jqplot.CanvasAxisTickRenderer,"pad":1.1,"autoscale":true,"renderer":$.jqplot.CategoryAxisRenderer}},"seriesDefaults":{"rendererOptions":{"smooth":true,"animation":{"show":true,"speed":2500},"highlightMouseDown":true,"barDirection":"horizontal"},"renderer":$.jqplot.BarRenderer,"pointLabels":{"show":true}},"stackSeries":true,"series":[{"label":"Q1"},{"label":"Q2"},{"label":"Q3"}],"highlighter":{"show":true}} );
},50);
});
});
function getImageData(obj, type, title)
{
var str;
imgtype = type;
if (type == 'jpg-pdf')
{
imgtype = 'jpg';
type = 'pdf';
}
var imgCanvas = obj.jqplotToImageCanvas();
if (imgCanvas) {
str = imgCanvas.toDataURL("image/"+imgtype);
}
else {
str = null;
}
$('#pngdata').val(str);
$('#imgtype').val(type);
$('#imgtitle').val(title);
$('#imgform').submit();
}
</script>
</div>
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- /.box-body -->
</div><!-- /.box -->
</div><!-- /.col -->
</div><!-- /.row -->
<div class="row">
<div class="col-md-12">
<!-- PRODUCT LIST -->
<div class="box box-primary">
<div class="box-header with-border">
<h3 class="box-title">Recently Added Products</h3>
<div class="box-tools pull-right">
<button class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
<button class="btn btn-box-tool" data-widget="remove"><i class="fa fa-times"></i></button>
</div>
</div><!-- /.box-header -->
<div class="box-body">
<div class="row">
<div class="col-md-12">
<div class="pad">
<div style="position:relative;">
<div id="c3_export" style="display:none; position:absolute; right:0px; z-index:99999;">
<img src="../../lib/img/download.png" style="cursor:hand;cursor:pointer;" alt="Export" onclick="$(this).next().toggle();">
<div class="export_option" style="position:absolute; margin-top:5px; right:0px; display:none; width:25px;">
<!--<img style="cursor:hand;cursor:pointer;" src="../../lib/img/image-smallicon.png" alt="PNG" onclick="getImageData( $('#c3'), 'png', '' )"> -->
<img style="cursor:hand;cursor:pointer;margin-bottom:5px;" src="../../lib/img/jpeg-icon.png" alt="JPEG" onclick="getImageData( $('#c3'), 'jpg', '' )">
<img style="cursor:hand;cursor:pointer;" src="../../lib/img/pdf-icon.png" alt="PDF" onclick="getImageData( $('#c3'), 'jpg-pdf', '' )">
</div>
</div>
<div style="display:none">
<form action="" method="post" accept-charset="utf-8" id="imgform">
<input name="imgtype" id="imgtype">
<input name="imgtitle" id="imgtitle">
<textarea class="display-none" rows="10" cols="10" name="pngdata" id="pngdata"> </textarea>
</form>
</div>
<div id="c3" style="height:90%; width:90%;"></div>
</div>
<script>
$(document).ready(function(){
var plot_c3 = $.jqplot('c3', [[[60,123,1067,"Acura"],[11,92,1236,"Alfa Romeo"],[30,200,610,"AM General"],[50,23,800,"Aston"],[18,17,539,"Audi"],[50,89,1026,"BMW"],[99,13,864,"Bugatti"]]], {"title":{"text":"","textColor":"black","fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif","fontSize":"20px"},"seriesColors":["#008EE4","#6BAA01","#e44a00","#33bdda","#583e78","#91D100","#E1B700","#FF76BC","#00A3A3","#FE7C22","#f8bd19"],"animate":false,"grid":{"backgroundColor":"white","borderWidth":1,"shadow":false,"borderColor":"#B3B3B3","drawBorder":false,"drawGridlines":true,"gridLineColor":"#E8E8E8"},"legend":{"textColor":"black","fontFamily":"RobotoRegular"},"axesDefaults":{"labelRenderer":$.jqplot.CanvasAxisLabelRenderer,"labelOptions":{"fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif"},"tickOptions":{"fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif"}},"axes":{"xaxis":{"label":"","tickRenderer":$.jqplot.CanvasAxisTickRenderer,"tickOptions":{"angle":0},"autoscale":true},"yaxis":{"label":"","tickRenderer":$.jqplot.CanvasAxisTickRenderer,"pad":1.1,"autoscale":true}},"seriesDefaults":{"rendererOptions":{"smooth":true,"animation":{"show":true,"speed":2500},"showLabels":true,"bubbleGradients":true},"renderer":$.jqplot.BubbleRenderer,"shadow":true,"shadowAlpha":0.1}} );
jQuery('#c3_export').show();
jQuery(window).bind("resize", function () {
setTimeout(function(){
plot_c3.destroy();
plot_c3 = $.jqplot('c3', [[[60,123,1067,"Acura"],[11,92,1236,"Alfa Romeo"],[30,200,610,"AM General"],[50,23,800,"Aston"],[18,17,539,"Audi"],[50,89,1026,"BMW"],[99,13,864,"Bugatti"]]], {"title":{"text":"","textColor":"black","fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif","fontSize":"20px"},"seriesColors":["#008EE4","#6BAA01","#e44a00","#33bdda","#583e78","#91D100","#E1B700","#FF76BC","#00A3A3","#FE7C22","#f8bd19"],"animate":false,"grid":{"backgroundColor":"white","borderWidth":1,"shadow":false,"borderColor":"#B3B3B3","drawBorder":false,"drawGridlines":true,"gridLineColor":"#E8E8E8"},"legend":{"textColor":"black","fontFamily":"RobotoRegular"},"axesDefaults":{"labelRenderer":$.jqplot.CanvasAxisLabelRenderer,"labelOptions":{"fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif"},"tickOptions":{"fontFamily":"RobotoRegular,Arial,Helvetica,sans-serif"}},"axes":{"xaxis":{"label":"","tickRenderer":$.jqplot.CanvasAxisTickRenderer,"tickOptions":{"angle":0},"autoscale":true},"yaxis":{"label":"","tickRenderer":$.jqplot.CanvasAxisTickRenderer,"pad":1.1,"autoscale":true}},"seriesDefaults":{"rendererOptions":{"smooth":true,"animation":{"show":true,"speed":2500},"showLabels":true,"bubbleGradients":true},"renderer":$.jqplot.BubbleRenderer,"shadow":true,"shadowAlpha":0.1}} );
},50);
});
});
function getImageData(obj, type, title)
{
var str;
imgtype = type;
if (type == 'jpg-pdf')
{
imgtype = 'jpg';
type = 'pdf';
}
var imgCanvas = obj.jqplotToImageCanvas();
if (imgCanvas) {
str = imgCanvas.toDataURL("image/"+imgtype);
}
else {
str = null;
}
$('#pngdata').val(str);
$('#imgtype').val(type);
$('#imgtitle').val(title);
$('#imgform').submit();
}
</script>
</div>
</div><!-- /.col -->
</div><!-- /.row -->
</div><!-- /.box-body -->
</div><!-- /.box -->
</div><!-- /.col -->
</div><!-- /.row -->
</section><!-- /.content -->
</div><!-- /.content-wrapper -->
<footer class="main-footer">
<div class="pull-right hidden-xs">
<b>Version</b> 2.0
</div>
<strong>Copyright © 2015 <a href="http://www.chartphp.com">Charts 4 PHP</a>,</strong> All rights reserved.
</footer>
</div><!-- ./wrapper -->
<!-- Bootstrap 3.3.2 JS -->
<script src="bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!-- FastClick -->
<script src='plugins/fastclick/fastclick.min.js'></script>
<!-- AdminLTE App -->
<script src="dist/js/app.min.js" type="text/javascript"></script>
<script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","licenseKey":"834357235d","applicationID":"5915343","transactionName":"MQdaMUtVWUcEUURQDAhNbRdQG1NRCF0fWBMWERcBWEdfVgpTQl1MDwxcAEEaR1wV","queueTime":0,"applicationTime":5,"atts":"HUBZRwNPSkk=","errorBeacon":"bam.nr-data.net","agent":"js-agent.newrelic.com\/nr-686.min.js"}</script></body>
</html>