Flot for WordPress is a plugin to help you get beautiful graphs onto your site with ease. This is not an “install and you’re done” plugin. You will have to add your own data using whatever method you like – PHP, JS, etc. Reference the ReadMe file and the Plugin URI for details on how to implement Flot for WordPress. This plugin is based upon the original Flot graphing library, which can be found at http://www.flotcharts.org
A special thanks to http://CreativeContentExperts.com (Creative Content Experts) for sponsoring this plugin.
While this plugin makes implementation of Flot charts on your site MUCH easier, you still have a lot of work to do after installing.
- Upload Flot for WordPress files to the
- Activate the plugin through the ‘Plugins’ menu in WordPress
After you’ve installed and activated the plugin, here’s the steps to start customizing it for your site:
- Edit the layout.css file to meet your site’s dimensions
- Upload your own files for calling data. We have lots of examples for you to use.
- Put an include statement in the flot-for-wp.php file (see the example in the file).
- Put the shortcode
[flot_example_sc]into a post to see a sample Flot chart in action.
I installed Flot for WordPress, but how do I get a chart?
Flot for WordPress just gives you the libraries and framework to start adding data of your own. You’ll want to create a function and shortcode to get data from a database, or just hardcode some data into a PHP file.
We have lots of examples in the plugin files.
I installed my PHP file and shortcode, but nothing is showing up on the page.
Go through your code with a fine-toothed comb. Consider viewing source and pasting the page into validator.w3c.org and check for errors. The nature of the Flot library is that it is very picky – the smallest syntax error and you won’t see anything.
Also, make sure you have a defined height and width for the flot-container div.
Contributors & Developers
“Flot for WordPress” is open source software. The following people have contributed to this plugin.
Interested in development?