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.

Cozmoslabs

Cristian Antohe

madalin.ungureanu

ReflectionMedia

adispiac

<p><strong><a href="http://www.cozmoslabs.com/wck-custom-fields-custom-post-types-plugin/?utm_source=wp.org&utm_medium=pb-description-page&utm_campaign=WCKFree" rel="nofollow ugc">WordPress Creation Kit</a></strong> consists of three tools that can help you create and maintain custom post types, custom taxonomies and most importantly, custom fields and metaboxes for your posts, pages or CPT’s.</p>
<p><strong>WCK Custom Fields Creator</strong> offers an UI for setting up custom meta boxes with custom fields for your posts, pages or custom post types. Uses standard custom fields to store data. You can <a href="https://www.cozmoslabs.com/25322-show-custom-fields-wordpress/" rel="nofollow ugc">show custom fields</a> using code or with the Swift Templates module.</p>
<p><strong>WCK Custom Post Type Creator</strong> facilitates creating custom post types by providing an UI for most of the arguments of register_post_type() function.</p>
<p><strong>WCK Taxonomy Creator</strong> allows you to easily create and edit custom taxonomies for WordPress without any programming knowledge. It provides an UI for most of the arguments of register_taxonomy() function.</p>
<span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/_ueYKlP_i7w?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span>
<h4>Custom Fields</h4>
<ul>
<li>Custom fields types: WYSIWYG editor, upload, text, textarea, select, checkbox, radio, number, HTML, time-picker, phone, currency select, color picker, heading</li>
<li>Easy to create custom fields for any post type.</li>
<li>Support for <strong>Repeater Fields</strong> and <strong>Repeater Groups</strong> of custom fields.</li>
<li>Drag and Drop to sort the Repeater Fields.</li>
<li>Support for all input custom fields: text, textarea, select, checkbox, radio.</li>
<li>Image / File upload supported via the WordPress Media Uploader.</li>
<li>Possibility to target only certain page-templates, target certain custom post types and even unique ID’s.</li>
<li>All data handling is done with Ajax</li>
<li>Data is saved as postmeta</li>
</ul>
<h4>Custom Post Types and Taxonomy</h4>
<ul>
<li>Create and edit Custom Post Types from the Admin UI</li>
<li>Advanced Labeling Options</li>
<li>Attach built in or custom taxonomies to post types</li>
<li>Create and edit Custom Taxonomy from the Admin UI</li>
<li>Attach the taxonomy to built in or custom post types</li>
</ul>
<h4>WCK PRO</h4>
<p>The <a href="http://www.cozmoslabs.com/wck-custom-fields-custom-post-types-plugin/?utm_source=wp.org&utm_medium=pb-description-page&utm_campaign=WCKFree" rel="nofollow ugc">WCK PRO version</a> offers:</p>
<ul>
<li><strong>Swift Templates</strong> – Build your front-end templates directly from the WordPress admin UI, without writing any PHP code. Easily display registered custom post types, custom fields and taxonomies in your current theme.</li>
<li>Front-end Posting – form builder for content creation and editing</li>
<li>Options Page Creator – create option pages for your theme or your plugin</li>
<li>More field types: Date-picker, Country Select, User Select, CPT Select</li>
<li>
<p>Premium Email Support for your project</p>
<p><a href="http://www.cozmoslabs.com/wck-custom-fields-custom-post-types-plugin/?utm_source=wp.org&utm_medium=pb-description-page&utm_campaign=WCKFree" rel="nofollow ugc">See complete list of PRO features</a></p>
</li>
</ul>
<h4>Website</h4>
<p>http://www.cozmoslabs.com/wck-custom-fields-custom-post-types-plugin/</p>
<h4>Announcement Post and Video</h4>
<p>http://www.cozmoslabs.com/3747-wordpress-creation-kit-a-sparkling-new-custom-field-taxonomy-and-post-type-creator/</p>


Custom Post Types and Custom Fields creator – WCK

A must have tool for creating custom fields, custom post types and taxonomies, fast and without any programming knowledge.

Wp Custom Field Chart vs Custom Post Types and Custom Fields creator – WCK