heizhu

HB Line Button Tiny

SupportHost

Ivan Messina

<p>This plugin creates a shortcode you can use to embed charts anywhere inside WordPress. Just add the shortcode, add some options and you are done. You can see it in use on <a href="https://supporthost.com/fast-website/" rel="nofollow ugc">SupportHost website</a>.</p>
<p>It loads only 1 javascript (chart.js) and only loads it on the page where you actually use the shortcode. It’s so lightweight it won’t impact the performances of your website at all.</p>
<p>Charts are created with <a href="https://www.chartjs.org/" rel="nofollow ugc">chart.js</a>, so you can hover them and read the data.</p>
<p>This <a href="https://wordpress.org/plugins/simple-charts/" rel="ugc">simple charts</a> plugin can be a good alternative for plugins like:<br />
1. <a href="https://it.wordpress.org/plugins/ninja-charts/" rel="nofollow ugc">ninja charts</a><br />
2. <a href="https://it.wordpress.org/plugins/easy-chart-builder/" rel="nofollow ugc">easy chart builder</a><br />
3. <a href="https://it.wordpress.org/plugins/googlegraph/" rel="nofollow ugc">Google graph</a></p>
<h3>Usage</h3>
<p>After the plugin is active, you can just add the shortcode to your pages or posts (or anywhere you can add a shortcode):<br />
[simple_chart type=”bar” name=”mychart” labels=”jan, feb, mar, apr” data=”2,9,3,7″ label=”First series” color=”#00ffff” border=”#000fff” data_1=”7,2,8,1″ label_1=”Second series” color_1=”#000fff” border_1=”#0ff00f”]</p>
<p>Shorcode parameters:<br />
* type: you can decide the type of chart you want ot create. Optional, defaults to line. More on charts types below.<br />
* name: Optional, must be unique per page.<br />
* options: json of chart options as per <a href="https://www.chartjs.org/docs/latest/configuration/#options" rel="nofollow ugc">chart.js docs</a>. Make sure it’s all in one line.<br />
* labels: a list of comma separed labels.<br />
* data: a list of comma separed numbers. You can create data_1 for the second serie, data_2 for the third and so on. Make sure you start from 1, otherwise it won’t work.<br />
* label: The label name for the serie. You can create label_1 for the second serie, label_2 for the third and so on. Optional, if left blank you will see “label_#”<br />
* color: The color user for the serie. If empty will default to the chart.js pink. It is recommended to give each series its own color.<br />
* border: The border color. If empty defaults to the color option.</p>
<p>This is the minimum you can add in the shortcode to make it work:<br />
[simple_chart labels=”Jan, Apr, Mar” data=”2,9,3″ ]</p>
<p>Examples shortcodes:<br />
[simple_chart type=”bar” labels=”2 s, 3 s, 4 s, 5 s, 6 s, 7 s” data=”9.6, 13, 17.1, 22.2, 27.4, 32.3″ label=”Bounce rate %” color=”#e8e1fc” data_1=”3,4,5,1,2,7″ label_1=”Label 1″ color_1=”#ff00ff” options=”indexAxis: ‘y’,plugins: {title: {display: true,text: ‘Bounce rate per load time’, position:’bottom’}}”]<br />
[simple_chart type=”bar” labels=”2 s, 3 s, 4 s, 5 s, 6 s, 7 s” data=”9.6, 13, 17.1, 22.2, 27.4, 32.3″ label=”Bounce rate %” color=”#e8e1fc” options=”plugins: {title: {display: true,text: ‘Bounce rate per load time’, position:’bottom’}}”]</p>
<h3>6 Chart types</h3>
<p>Supported charts types are:</p>
<ol>
<li>Line</li>
<li>Bar Chart</li>
<li>Doughnut</li>
<li>Pie</li>
<li>Radar</li>
<li>polarArea</li>
</ol>
<h3>Extremely simple</h3>
<p>Just insert the shortcode, add the data and the chart will be shown.</p>
<h3>Embed anywhere</h3>
<p>If you can use a shortcode in that content you can add the chart.</p>


Simple Charts

With Simple Charts, you can easily embed charts in WordPress.
I've been waiting for such a plugin for a long time.
Really thank you for this amazing plugin.


Finally the plugin I need

We needed a simple plugin to create charts, that would not slow down WordPress, and that would allow to create charts easily and fast.

We came up with thi ultralight plugin (is only a shortcode) that only adds a javascript file if you use the shortcode.

Add the shortcode, add some data points and hit publish, it's that easy.

A simple lightweight plugin


this plugin is a good idea but the example shortcode did not work on my local site on either a page in the shortcode field or on a template inside do_shortcode().


this does not work

Easily add charts to your wordpress website, probably the lightest plugin out there.

HB Line Button Tiny vs Simple Charts