showi

<p>This plugin collect data attached to post/article via <strong>custom field</strong> and make<br />
chart of it.<br />
This plugin use <strong>Chart.js</strong> for chart drawing <a href="http://www.chartjs.org/" rel="nofollow ugc">ChartJs</a></p>
<p>Data are collected by looking for specific <em>custom field</em> attached to your<br />
post/page. You can change aggregation method, intervall…</p>
<p>See <a href="https://wordpress.org/plugins/wp-custom-field-chart/other_notes/" rel="ugc">usage</a></p>
<h3>Usage</h3>
<p>Edit your post/page in text mode and put some Javascript and a WordPress tag</p>
<h4>Minimum</h4>
<pre><code><script>
var mydata = { datasets: [{}]};
</script>
[custom_field_chart fields="humidity" js_data="mydata"]
</code></pre>
<p>For each field you need to put empty {} into datasets.</p>
<p>For two fields:</p>
<pre><code><script>
var mydata = {datasets: [{},{}]}
</script>
[custom_field_chart fields="humidity,temperature" js_data="mydata"]
</code></pre>
<p>But it’s pretty useless to put more than one field without different colors 🙂</p>
<h4>More</h4>
<pre><code><script>
var mydata = {
    datasets: [
        {
            label: "Humidity",
            fillColor: "rgba(255,73,0,1)",
            strokeColor: "rgba(255,73,0,1)",
            pointColor: "rgba(255,73,0,1)",
            pointStrokeColor: "#fff",
            pointHighlightFill: "#fff",
            pointHighlightStroke: "rgba(220,220,220,1)",
        },
        {
            label: "Temperature",
            fillColor: "rgba(255,73,0,1)",
            strokeColor: "rgba(255,73,0,1)",
            pointColor: "rgba(255,73,0,1)",
            pointStrokeColor: "#fff",
            pointHighlightFill: "#fff",
            pointHighlightStroke: "rgba(220,220,220,1)",
        },
    ]
};

var myopts = {
    pointDotRadius: 1,
    bezierCurveTension: 0.2,
    barStrokeWidth : 2,
    barValueSpacing : 2,
    barDatasetSpacing : 0,
};

// Optional...
jQuery(window).load(function() {
    Chart.defaults.global.responsive = true;
    Chart.defaults.global.animationEasing = "easeOutBounce";
    Chart.defaults.global.onAnimationComplete = function(){
        alert('Hello');
    }
});
// End optional
</script>

[custom_field_chart width="1000" height="300"
  kind="line" method="track" interval="day" interval_count="31" 
  fields="humidity,temperature" js_data="mydata" js_options="myopts"]
</code></pre>
<h4>Notes</h4>
<ol>
<li>js_data and js_options must reflect name given to your javascript variable.</li>
<li>Look at http://chartjs.org/ for documentation</li>
<li>You don’t need to supply labels and data (like in chartjs.org example) 🙂</li>
</ol>
<h3>Tag attributes</h3>
<p>= Required =<br />
1. <em>fields</em>: Custom field separate by comma<br />
1. <em>js_data</em>: Name of javascript variable holding chart datasets</p>
<h4>Optional</h4>
<ol>
<li><em>width</em>: Chart width (default: 400)</li>
<li><em>height</em>: Chart Height (default: 200)</li>
<li><em>method</em>: Aggregate method track, delta or cumulative (defaul: track)</li>
<li><em>interval</em>: year, month, day (default: day)</li>
<li><em>interval_count</em>: How many year, mont or day (default: 31)</li>
<li><em>js_options</em>: Name of javascript variable holding chart options</li>
<li><em>kind</em>: Chart type line or bar (default: line)</li>
<li><em>to_date</em>: Current date by default, post date if ‘post’ specified else value supplied </li>
<li><em>dump</em>: Dumping attributes for debug (default: False)</li>
<li><em>round</em>: Rounding data with specified precision</li>
</ol>
<h3>Note</h3>
<p>Beta software… Interface may change.</p>


Wp Custom Field Chart

Make chart from custom field attached to your post/page using Chart.js javascript library.

GoldBroker

<p>Live Precious Metals price widgets. Gold, Silver, Palladium and Platinum price widgets. This plugin allow you to display real time gold & silver price charts in any of your widget areas.<br />
The widgets are automatically updated every minute from Monday to Friday and are availables in 119 currencies.</p>
<h4>Features</h4>
<ul>
<li>Live Gold Price</li>
<li>Live Gold Price Chart</li>
<li>Gold Price’s Daily performance</li>
<li>Live Silver Price</li>
<li>Live Silver Price Chart</li>
<li>Silver Price’s Daily performance</li>
<li>Live Palladium Price</li>
<li>Live Palladium Price Chart</li>
<li>Palladium Price’s Daily performance</li>
<li>Live Platinum Price</li>
<li>Live Platinum Price Chart</li>
<li>Platinum Price’s Daily performance</li>
<li>Updated every minute</li>
<li>Choose between 119 currencies</li>
<li>Price per oz, gram or kilogram</li>
<li>translated in 5 languages, English, Spanish, French, German and Italian </li>
<li>Customize width and height</li>
<li>Easy to customize with CSS</li>
<li>Works in all major browsers – I9+, Opera, Safari, Firefox, Chrome</li>
</ul>
<h4>Demo</h4>
<ul>
<li>Click this link for Gold Price widgets demo https://www.goldbroker.com/widgets/gold</li>
<li>Click this link for Silver price widgets demo https://www.goldbroker.com/widgets/silver</li>
</ul>


Live Gold Price & Silver Price Charts Widgets

The plugin does exactly what it offers.

Yet, in my opinion, it is poorly implemented. The plugin merely includes iframe code from www.goldbroker.com instead of directly fetching the prices from an API and displaying it itself (without an iframe). 
(The same functionality could be achieved by copying the iframe code (with the url and the needed parameters) and pasting it into a text widget.)

Works, but bad implementation

Live Gold & Silver price chart - Updated every minute - Easy to install & to customize

Wp Custom Field Chart vs Live Gold Price & Silver Price Charts Widgets