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.

CodeFish

<p>This plugin creates a new field for <a href="https://wordpress.org/plugins/advanced-custom-fields/" title="Advanced Custom Fields" rel="ugc">Advanced Custom Fields (ACF)</a><br />
extending the functionality of the built-in Google Map field with several handy features:</p>
<ul>
<li>Saves map center. You can center your maps wherever you want and indicate that you want to save that place as map center. This can be handy, if you want your front-end map to show some specific place in the center of the map (not necessary the location marker).</li>
<li>Saves zoom level.</li>
<li>Disables (optionally) map zooming with a scrollwheel. Sometimes you can get annoyed with your maps starting to zoom, when you scroll the post in the admin area. This feature comes handy here.</li>
<li>Shows location coordinates. It is easy to get any place’s location coordinates (latitude and longitude) with this plugin by setting a marker to the place you need using user friendly map interface.</li>
<li>Compatible with the data format of the Google Map field coming with ACF. See F.A.Q. for details.</li>
<li>Saves all maps shown at a page in the global array. This is a bonus for programmers. See F.A.Q. for details.</li>
</ul>
<p>The plugin makes use of the Google Maps API version 3.<br />
The plugin doesn’t use an API key and is therefore operating under the <a href="https://developers.google.com/maps/faq#usage_pricing" rel="nofollow ugc">restrictions of the free Google Maps API</a>,<br />
which should be more than enough for most websites.</p>
<h4>Compatibility</h4>
<p>This ACF field type is compatible with:</p>
<ul>
<li>ACF 4</li>
<li>ACF 5 (PRO version)</li>
<li>Google Map field coming with ACF 4/5. See F.A.Q.</li>
</ul>
<h4>Translations</h4>
<p>The plugin is translated to:</p>
<ul>
<li>French</li>
<li>German</li>
<li>Netherlands</li>
<li>Russian</li>
<li>Ukrainian</li>
</ul>
<p>There is a POT file under the <code>lang</code> directory holding all translation strings, so it should be pretty easy to translate to other languages.</p>
<h4>Website</h4>
<p>http://code.fish</p>
<h4>Please Vote and Enjoy</h4>
<p>Your votes really make a difference! Thanks.</p>
<h4>License</h4>
<p>This plugin is licensed under the GPLv2. See http://www.gnu.org/licenses/gpl-2.0.html</p>


ACF: Google Map Extended

Fantastic plugin that adds much-needed functionality to the ACF Google Map field. I appreciate that the array of key-value pairs is saved in exactly the same way as the default Google Map field, but with the addition of values for zoom, center_lat, and center_lng:
array(
  'address' => '',
  'lat' => '',
  'lng' => '',
  'zoom' => '',
  'center_lat' => '',
  'center_lng' => '',
)
Ultimately this data allows you to recreate the exact Google Map that the user creates in WP Admin on the front-end of your site - something that simply isn't possible with the default ACF Google Map field. Keep up the great work!



A More Powerful ACF Google Maps Field

ACF field. Saves map center, zoom level. Disables map zooming on scroll. Shows location coordinates. Bonus for programmers.

Wp Custom Field Chart vs ACF: Google Map Extended