'Responsive Charts' uses the HTML5 canvas element. It supports all modern browsers, and polyfills provide support for IE8.
Animated Chart Types
'Responsive Charts' allows you to create HTML5 animated charts easily in WordPress.
Wordpress
You can install the plugin by performing following steps:
FTP
You can install the plugin by performing following steps:
Tooltips can also be customised via the Chart setting options.
Once you're happy with the above settings, click on 'update' to save the chart.
Now that you've installed the plugin, let’s create your first chart.
Navigate to Charts > Add New
On the next page you will find Chart Settings
Below the Chart Settings section you'll find Style Settings
You'll see different options in the Style Section depending on what Chart Type in the Chart Settings section is selected. Altering these settings will change the overall appearance of the chart.
Below the Style Settings section you'll find Response Options
In the Options sections you can add your data set.
Click on 'Add Option' for each additional option you want to include on your chart.
Once you're happy with the above settings, click on 'update' to save the chart.
Multiple data sets can be applied to Bar and Line charts.
Data sets can be easily imported from a CSV spreadsheet file to populate the chart 'Option Names' and 'Option Values'.
Click on the 'Import Data From CSV' button in the Main Data Set section.
The CSV file must be formatted in a specific way, like below:
Click the 'Choose File' button to select your CSV file.
Checking the below checkbox will popular the Data Set Titles with the data in the first row of your CSV file.
Once you're happy with your selected CSV file, click 'Upload File' to import your data.
Data from your CSV file will automatically populate the chart 'Option Names' and 'Option Values'.
Please note: Only 'Bar Charts', 'Line Chars' and 'Radar charts' are compatible with multiple data sets.
Once you're happy with the imported data, click on 'update' to save the chart.
Charts can be displayed in a post or page using shortcode. Alternatively, template files usage can be used to display a chart elsewhere on a WordPress website.
Navigate to Charts > Edit
Copy the shortcode at the top of the settings and paste it into the post or page you want the chart to display.
Shortcode: [chart id="ID"]
Template files usage: <?php echo do_shortcode("[chart id=ID]"); ?>
Display a random chart: [chart random]
If you have any questions regarding the Responsive Charts plugin please contact us via plugin-charts@weblator.com
Thanks for your support. We hope you enjoy using our plugin!
Weblator