Skip to content

sguha-work/fc-wp

Repository files navigation

FC-WP (Fusioncharts For Wordpress)

This plugin helps you to embed cool JavaScript charts inside your page or post. For charting it use Fusioncharts,The leading JavaScript data viz solution available in market. Inside edit page of any page and post you will find a button clicking on which you will have a form to fill up which is basically settings for Fusioncharts. Fill up the form and then preview it before embed. If the chart need changes then you may again go back to settings and review the settings. After everything looks good you will get the total JavaScript code to embed FusionChart. Copy the code and paste it inside the text view of page/post where you wish to see Fusioncharts. Update the page/post and publish it to see data in delighted form.

Installing

This section describes how to install the plugin and get it working.

  1. Upload the folder 'fc-wp' to the '/wp-content/plugins/' directory
  2. Activate the plugin through the 'Plugins' menu in WordPress, this plugin should be named as "FC-WP"
  3. Inside any page/post's edit page you will see a button named "Create FusionChart for this Page/Post"

Usage Guide

  • After installing the plugin you have to activate the plugin by moving on to the plugins page of wp-admin and clicking on activate of "Fusioncharts For Wordpress" plugin
  • After activating it you will found "Create fusionchart for this Page/Post" button on every edit post/page page of Wordpress admin panel like screenshot 1
  • Clicking on the button will open a Fusionchart settings form like screenshot 2, You have to fill up the form with desired values. All form element contains default values, Event there is sample JSON data which can be used to populate basic charts for more example on FusionCharts visit "http://www.fusioncharts.com/charts/"
  • After the form is filled up you may preview the chart as shown in screenshot 3. If any more changes needed you may go back to settings page or you may go to next step to embed the chart.
    • If there is any error in chart data the chart will not be populated
  • In the last step you will found a text area having raw html and JavaScript code like screenshot 4, you have to copy the entire code and then go to text mode editor of the page & post and paste the code where you like to see Fusionchart.
  • Update the page/post and see interactive JavaScript charts in your page/post

Screenshots

  1. Here is the button on the top right side of the edit page of a Wordpress page to start Screenshot1

  2. Here is how the chart settings form looks like Screenshot2

  3. Here is the preview of the chart Screenshot3

  4. Here is the embed chart section along with the code Screenshot4

  5. Here is the sample page with Fusionchart Screenshot5

Frequently Asked Questions ==

  • What about FusionChart?
  • Can I use a paid version of FusionChart with this product
    • Well obviously you can, you just have to unzip all the files you got from purchased product inside "wp-content/plugins/fc-wp/assets/fc-assets/" folder replacing the existing files

Upcoming features

  1. Chart type specific example data both XML and JSON
  2. Improvement in the UI

Change-log

== v0.23 ==

  1. Fusioncharts libraries updated to latest version 3.10
  2. Two new chart types added Treemap chart and Zoom Scatter chart

== v0.22 ==

  1. Bug fix in parsing XML data

  2. Bug fix in parsing JSON data

  3. Chart type specific example data both XML and JSON == v0.21 ==

  4. Bug fix in chart generation library

  5. Changed sample data population

  6. UI changes

== v0.2 ==

  1. Added the feature to have data from JSON/XML url.

If any issue found or wish to request improvements feel free to drop a mail at sguha1988.life@gmail.com