WHY SMARTY?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas metus nulla, commodo a sodales sed, dignissim pretium nunc. Nam et lacus neque. Ut enim massa, sodales tempor convallis et, iaculis ac massa.

RECENTLY VISITED
CONTACT INFO
  • Address: PO Box 21132, Here Weare St,
    Melbourne, Vivas 2355 Australia
  • Phone: 1-800-565-2390
  • Email: support@yourname.com

GRAPHS

  1. Home
  2. Shortcodes
  3. Flot Charts
Show Code 
<!-- HTML -->
<div id="flot-sales" class="flot-chart h-300"><!-- FLOT CONTAINER --></div>

<!-- JAVASCRIPT -->
For javascript code example, see assets/js/view/demo.graphs.flot.js

<!-- JS LOAD -->
loadScript(plugin_path + "chart.flot/jquery.flot.min.js", function(){
	loadScript(plugin_path + "chart.flot/jquery.flot.resize.min.js", function(){
		loadScript(plugin_path + "chart.flot/jquery.flot.time.min.js", function(){
			loadScript(plugin_path + "chart.flot/jquery.flot.fillbetween.min.js", function(){
				loadScript(plugin_path + "chart.flot/jquery.flot.orderBars.min.js", function(){
					loadScript(plugin_path + "chart.flot/jquery.flot.pie.min.js", function(){
						loadScript(plugin_path + "chart.flot/jquery.flot.tooltip.min.js", function(){
						
							// demo js script - or add js code directly here!
							loadScript("assets/js/view/demo.graphs.flot.js");

						});
					});
				});
			});
		});
	});
});

Bar Chart

Show Code 
<!-- HTML -->
<div id="flot-bar-horizontal" class="flot-chart h-300"><!-- FLOT CONTAINER --></div>

<!-- JAVASCRIPT -->
For javascript code example, see assets/js/view/demo.graphs.flot.js

<!-- JS LOAD -->
loadScript(plugin_path + "chart.flot/jquery.flot.min.js", function(){
	loadScript(plugin_path + "chart.flot/jquery.flot.resize.min.js", function(){
		loadScript(plugin_path + "chart.flot/jquery.flot.time.min.js", function(){
			loadScript(plugin_path + "chart.flot/jquery.flot.fillbetween.min.js", function(){
				loadScript(plugin_path + "chart.flot/jquery.flot.orderBars.min.js", function(){
					loadScript(plugin_path + "chart.flot/jquery.flot.pie.min.js", function(){
						loadScript(plugin_path + "chart.flot/jquery.flot.tooltip.min.js", function(){
						
							// demo js script - or add js code directly here!
							loadScript("assets/js/view/demo.graphs.flot.js");

						});
					});
				});
			});
		});
	});
});

Stats Chart

Show Code 
<!-- HTML -->
<div id="flot-stats" class="flot-chart h-300"><!-- FLOT CONTAINER --></div>

<!-- JAVASCRIPT -->
For javascript code example, see assets/js/view/demo.graphs.flot.js

<!-- JS LOAD -->
loadScript(plugin_path + "chart.flot/jquery.flot.min.js", function(){
	loadScript(plugin_path + "chart.flot/jquery.flot.resize.min.js", function(){
		loadScript(plugin_path + "chart.flot/jquery.flot.time.min.js", function(){
			loadScript(plugin_path + "chart.flot/jquery.flot.fillbetween.min.js", function(){
				loadScript(plugin_path + "chart.flot/jquery.flot.orderBars.min.js", function(){
					loadScript(plugin_path + "chart.flot/jquery.flot.pie.min.js", function(){
						loadScript(plugin_path + "chart.flot/jquery.flot.tooltip.min.js", function(){
						
							// demo js script - or add js code directly here!
							loadScript("assets/js/view/demo.graphs.flot.js");

						});
					});
				});
			});
		});
	});
});

Bar Chart

Show Code 
<!-- HTML -->
<div id="flot-bar" class="flot-chart h-300"><!-- FLOT CONTAINER --></div>

<!-- JAVASCRIPT -->
For javascript code example, see assets/js/view/demo.graphs.flot.js

<!-- JS LOAD -->
loadScript(plugin_path + "chart.flot/jquery.flot.min.js", function(){
	loadScript(plugin_path + "chart.flot/jquery.flot.resize.min.js", function(){
		loadScript(plugin_path + "chart.flot/jquery.flot.time.min.js", function(){
			loadScript(plugin_path + "chart.flot/jquery.flot.fillbetween.min.js", function(){
				loadScript(plugin_path + "chart.flot/jquery.flot.orderBars.min.js", function(){
					loadScript(plugin_path + "chart.flot/jquery.flot.pie.min.js", function(){
						loadScript(plugin_path + "chart.flot/jquery.flot.tooltip.min.js", function(){
						
							// demo js script - or add js code directly here!
							loadScript("assets/js/view/demo.graphs.flot.js");

						});
					});
				});
			});
		});
	});
});

Pie Chart

Show Code 
<!-- HTML -->
<div id="flot-pie" class="flot-chart h-300"><!-- FLOT CONTAINER --></div>

<!-- JAVASCRIPT -->
For javascript code example, see assets/js/view/demo.graphs.flot.js

<!-- JS LOAD -->
loadScript(plugin_path + "chart.flot/jquery.flot.min.js", function(){
	loadScript(plugin_path + "chart.flot/jquery.flot.resize.min.js", function(){
		loadScript(plugin_path + "chart.flot/jquery.flot.time.min.js", function(){
			loadScript(plugin_path + "chart.flot/jquery.flot.fillbetween.min.js", function(){
				loadScript(plugin_path + "chart.flot/jquery.flot.orderBars.min.js", function(){
					loadScript(plugin_path + "chart.flot/jquery.flot.pie.min.js", function(){
						loadScript(plugin_path + "chart.flot/jquery.flot.tooltip.min.js", function(){
						
							// demo js script - or add js code directly here!
							loadScript("assets/js/view/demo.graphs.flot.js");

						});
					});
				});
			});
		});
	});
});

Realtime Chart

Show Code 
<!-- HTML -->
<div id="flot-realtime" class="flot-chart h-300"><!-- FLOT CONTAINER --></div>

<!-- JAVASCRIPT -->
For javascript code example, see assets/js/view/demo.graphs.flot.js

<!-- JS LOAD -->
loadScript(plugin_path + "chart.flot/jquery.flot.min.js", function(){
	loadScript(plugin_path + "chart.flot/jquery.flot.resize.min.js", function(){
		loadScript(plugin_path + "chart.flot/jquery.flot.time.min.js", function(){
			loadScript(plugin_path + "chart.flot/jquery.flot.fillbetween.min.js", function(){
				loadScript(plugin_path + "chart.flot/jquery.flot.orderBars.min.js", function(){
					loadScript(plugin_path + "chart.flot/jquery.flot.pie.min.js", function(){
						loadScript(plugin_path + "chart.flot/jquery.flot.tooltip.min.js", function(){
						
							// demo js script - or add js code directly here!
							loadScript("assets/js/view/demo.graphs.flot.js");

						});
					});
				});
			});
		});
	});
});