Kiran Potphode

<p>This plugin is a easy to use and  powerful way to generate charts to show on your website page and posts. Charts created using this plugin are simple to create, easy to manage.</p>
<p>Charts are created using SVG and CSS3 transitions; so are interactive.<br />
This plugin is developed using uvCharts javascript library <a href="http://imaginea.github.io/uvCharts/index.html" rel="nofollow ugc">http://imaginea.github.io/uvCharts/index.html</a>.</p>
<h3>12 Chart types</h3>
<p>Lots of chart type you can choose from.<br />
Follow some quick steps and create interactive charts embed anywhere in post or page.<br />
You can add multiple charts or single chart multiple times on single page.</p>
<p>Supported charts are:</p>
<ol>
<li>Bar Chart</li>
<li>Stacked Bar Chart</li>
<li>Step Up Bar Chart</li>
<li>Percent Bar Chart</li>
<li>Area Chart</li>
<li>Stacked Area Chart</li>
<li>Percent Area Chart</li>
<li>Line Chart</li>
<li>Pie Chart</li>
<li>Donut Chart</li>
<li>Polar Area Chart</li>
<li>Waterfall Chart</li>
</ol>
<h3>Uniform Data Representation</h3>
<p>Provide data to chart and it will work for any chart type.<br />
You can switch to any chart type without making any changes in data.<br />
Manage your data with excel sheet like experience.</p>
<h3>Simple and customizable</h3>
<p>Charts are simple to manage and highly customizable with many categorized configuration options.<br />
Live preview of charts on screen make it easy to have an idea about how your chart is going to look.</p>
<h3>Download as Image</h3>
<p>Options is provided so that user can download chart as an image.</p>
<h3>Embed anywhere</h3>
<p>With Quick insert button to visual editor you can quickly add available charts to any post or page.</p>
<h3>Elegant designs</h3>
<p>Charts configuration come with many predefined design and color preferences.<br />
Easy charts are responsive too.</p>


Easy Charts

Maybe the best chart creator for WordPress I've used yet. I love the ability to paste from a spreadsheet and the plugin automatically adds the appropriate number of columns and rows to match the pasted selection. Excellent work here!



Featured on iThemes Training Plugin Roundup, March 2016

Build simple, reusable, customizable charts on any page or post with ease.

sidov

<p>This plagin lets you to embed charts of Chart and Highcharts softwares on any page or post of your site.<br />
For this you should include one of above mentioned libraries in the “js” directiory of this plagin.<br />
For every chart you must prepare two files : one of them it’s a javascript file with the Highchart object,<br />
other one it’s a php file with data for chart. Interface between php and js represents array with the name “data”.<br />
To this array you can include all variables and arrays necessary for the Highchart object.</p>
<pre><code>For example in the php file:
$data= [['name'=> 'Installation','data'=> [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175]], 
    [
    'name'=> 'Manufacturing',
    'data'=> [24916, 24064, 29742, 29851, 32490, 30282, 38121, 40434]
], [
    'name'=> 'Sales & Distribution',
    'data'=> [11744, 17722, 16005, 19771, 20185, 24377, 32147, 39387]
], [
    'name'=> 'Project Development',
    'data'=> [null, null, 7988, 12169, 15112, 22452, 34400, 34227]
], [
    'name'=> 'Other',
    'data'=> [12908, 5948, 8105, 11248, 8989, 11816, 18274, 18111]
]];

In the javascript file:

new Chart(document.getElementById("container"), {
...
  data: data
...  
}
</code></pre>
<p>If you want to use static data right in the js you should prepare a php file with void array “data”.<br />
All js files you should include in the folder “js” and php files in the “php” folder.<br />
For rendering the chart on the chosen page You should put necessary HTML tag with the corresponding id<br />
in the chosen line.</p>
<p>For Chart library you should wrap canvas tags in div tag.</p>
<p>For example:</p>
<p>< div style=”width:800px; height = 450px !important;” > < canvas id=”container”  class = “container” width=”800″ height=”450″ > < /canvas > < /div ></p>
<p>After activating plagin you should select field “Page Charts” in the menu “Plagins” of your admin panel.<br />
In the drop-down list with the label “Choose a chart library” you should choose appropriate software.<br />
Do not forget to include chosen software library in the “js” folder of the plagin!<br />
In the table on the the plagin page you should select page or post where you want to insert your chart by clicking<br />
“add new chart”.<br />
In the appeared line you should put the names of your php and js files and click “change”.<br />
Be shure that id in your div on the page and container name of the javascript chart object are the same.<br />
If you want to use several charts on the same page use “duplicate” button and do the same as above.<br />
Don’t forget to use different container’s ids on the same page!<br />
You can preview your chart on the admin page by clicking “preview the chart”.</p>


Page Charts

This plagin lets add charts of some libraries to any page or post of your site. Now you can use charts of Chart and Highcharts softwares.

Easy Charts vs Page Charts