showi

This plugin collect data attached to post/article via custom field and make 
chart of it. 
This plugin use Chart.js for chart drawing <a href="http://www.chartjs.org/" rel="nofollow ugc">ChartJs</a>
Data are collected by looking for specific custom field attached to your 
post/page. You can change aggregation method, intervall…
See <a href="https://wordpress.org/plugins/wp-custom-field-chart/other_notes/" rel="ugc">usage</a>
<h3>Usage</h3>
Edit your post/page in text mode and put some Javascript and a WordPress tag
<h4>Minimum</h4>
<pre><code><script>
var mydata = { datasets: [{}]};
</script>
[custom_field_chart fields="humidity" js_data="mydata"]
</code></pre>
For each field you need to put empty {} into datasets.
For two fields:
<pre><code><script>
var mydata = {datasets: [{},{}]}
</script>
[custom_field_chart fields="humidity,temperature" js_data="mydata"]
</code></pre>
But it’s pretty useless to put more than one field without different colors 🙂
<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>
= Required = 
1. fields: Custom field separate by comma 
1. js_data: Name of javascript variable holding chart datasets
<h4>Optional</h4>
<ol>
<li>width: Chart width (default: 400)</li>
<li>height: Chart Height (default: 200)</li>
<li>method: Aggregate method track, delta or cumulative (defaul: track)</li>
<li>interval: year, month, day (default: day)</li>
<li>interval_count: How many year, mont or day (default: 31)</li>
<li>js_options: Name of javascript variable holding chart options</li>
<li>kind: Chart type line or bar (default: line)</li>
<li>to_date: Current date by default, post date if ‘post’ specified else value supplied </li>
<li>dump: Dumping attributes for debug (default: False)</li>
<li>round: Rounding data with specified precision</li>
</ol>
<h3>Note</h3>
Beta software… Interface may change.

Wp Custom Field Chart

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

bastianonm

Kniebremser

This plugin has, as input, the GPX file with the track you’ve made and as output it shows the map of the track and an interactive altitude graph (where available).
Fully configurable:
<ul>
<li>Custom colors</li>
<li>Custom icons</li>
<li>Multiple language support</li>
</ul>
Supported charts:
<ul>
<li>Altitude</li>
<li>Speed</li>
<li>Heart rate</li>
<li>Temperature</li>
<li>Cadence</li>
<li>Grade</li>
</ul>
NextGen Gallery Integration:
Display your NextGen Gallery images inside the map! 
Even if you don’t have a GPS camera, this plugin can retrive the image position starting from the image date and your GPX file.
Post Attachments Integration:
This version is extended by: <a href="https://klein-gedruckt.de/2015/03/wordpress-plugin-wp-gpx-maps/" rel="noopener noreferrer nofollow ugc">Stephan Klein</a> and supports displaying all images attached to a post without using NGG.
Try this plugin: <a href="https://devfarm.it/wp-gpx-maps-demo/" rel="noopener noreferrer nofollow ugc">https://devfarm.it/wp-gpx-maps-demo/</a>
Support:
If you need help, please use: <a href="http://www.devfarm.it/forums/forum/wp-gpx-maps/" rel="noopener noreferrer nofollow ugc">www.devfarm.it Support Forum</a>
Would you like to help fix bugs or further develop the plugin? On <a href="https://github.com/devfarm-it/wp-gpx-maps" rel="noopener noreferrer nofollow ugc">Github</a> you can contribuite easly with your code.
Translations:
Translators are welcome to contribute to the plugin. Please use the <a href="https://translate.wordpress.org/projects/wp-plugins/wp-gpx-maps/)" rel="noopener noreferrer nofollow ugc">WordPress translation website</a>.
The language files in the plugin contain 18 translatable texts for 13 languages:
<ul>
<li>Catalan ca</li>
<li>Dutch nl_NL</li>
<li>English (default)</li>
<li>French fr_FR</li>
<li>Hungarian hu_HU</li>
<li>Italian it_IT</li>
<li>Norwegian nb_NO</li>
<li>Polish pl_PL</li>
<li>Portuguese (Brazilian) pt_BR</li>
<li>Russian ru_RU</li>
<li>Spanish es_ES</li>
<li>Swedish sv_SE</li>
<li>Turkish tr_TR</li>
<li>Bulgarian bg_BG</li>
<li>Slovak cs_CZ</li>
<li>Norwegian nb_NO</li>
<li>Japanese ja_JP</li>
</ul>
(Many thanks to all guys who helped me with the translations)
Supported GPX namespaces are:
<ol>
<li>
http://www.topografix.com/GPX/1/0
</li>
<li>
<a href="http://www.topografix.com/GPX/1/1" rel="noopener noreferrer nofollow ugc">www.topografix.com/GPX/1/1</a>
</li>
<li>
http://www.garmin.com/xmlschemas/GpxExtensions/v3
</li>
<li>
http://www.garmin.com/xmlschemas/TrackPointExtension/v1
</li>
</ol>
Thanks to: <a href="http://www.securcube.net/" rel="noopener noreferrer nofollow ugc">www.securcube.net</a>, <a href="http://www.devfarm.it/" rel="noopener noreferrer nofollow ugc">www.devfarm.it</a>
Icons made by <a href="https://www.freepik.com/" rel="noopener noreferrer nofollow ugc">Freepik</a> from <a href="https://www.flaticon.com/" rel="noopener noreferrer nofollow ugc">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" rel="noopener noreferrer nofollow ugc">Creative Commons BY 3.0</a>

WP GPX Maps

Draws a GPX track with altitude graph. You can also display your nextgen gallery images in the map.

Wp Custom Field Chart vs WP GPX Maps