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.

Barn2 Plugins

<p><em>Easy Post Types and Fields</em> makes it quick and easy to <a href="https://barn2.com/blog/custom-wordpress-post-types/?utm_source=wporg&utm_medium=freeplugin&utm_campaign=freepluginwporg&utm_content=ecpt-wporg" rel="nofollow ugc">add custom post types</a>, custom fields, and taxonomies to your WordPress website.</p>
<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/NOmnHxHpnU8?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></p>
<p>There are lots of reasons why WordPress site owners need to add extra content types to the CMS:</p>
<ul>
<li>
<p><strong>Create dedicated areas for each type of content within the WordPress admin (these are called ‘custom post types’)</strong>. For example, if you’re adding ‘Resources’ to your site then it’s best to create a ‘Resources’ custom post type and manage the resources separately from your pages and posts.</p>
</li>
<li>
<p><strong>Add extra fields (called ‘custom fields’) to your pages, posts, or any custom post type</strong>. These are useful for storing and displaying information in a structured way. For example, you might add a ‘Modified Date’ field to your Resources post type.</p>
</li>
<li>
<p><strong>Create extra ways of categorizing and organizing your website content (these are called ‘custom taxonomies’)</strong>. These are like categories and tags in WordPress, but the difference is that you can have as many as you like – for any post type. For example, you might create an ‘Industries’ taxonomy in order to group your Resources by industry.</p>
</li>
</ul>
<p>Developed by leading UK-based plugin company <a href="https://barn2.com/?utm_source=wporg&utm_medium=freeplugin&utm_campaign=freepluginwporg&utm_content=ecpt-wporg" rel="nofollow ugc">Barn2</a>, <em>Easy Post Types and Fields</em> is intentionally simpler and easier to use than other plugins. It has all the essential features that you need to create custom post types, custom fields, and custom taxonomies – without any unnecessary complexity.</p>
<h4>How to add custom post types, fields, and taxonomies to WordPress</h4>
<p>Simply create any type of content using a simple and intuitive wizard. You can create brand new custom post types, or add custom fields and taxonomies to existing post types. Either way, it’s incredibly straightforward.</p>
<p>Once you have created your custom post types, fields, and taxonomies, it’s easy to add the extra information to the WordPress CMS. Each custom post type has its own section on the left of the WordPress admin. Your custom fields and taxonomies appear on the ‘Add/Edit’ screen for each post.</p>
<p>View the full <a href="https://barn2.com/kb-categories/easy-post-types-fields-kb/?utm_source=wporg&utm_medium=freeplugin&utm_campaign=freepluginwporg&utm_content=ecpt-wporg" rel="nofollow ugc">plugin documentation</a> in our knowledge base.</p>
<h4>Can I display the custom content on the front end of my website?</h4>
<p>By default, your theme will display your custom post types using the same templates as the blog. This will list custom posts in the same way as blog posts, and won’t include your custom fields or taxonomies. This may not be the best way to present your custom content, so we recommend displaying it in a table using the <a href="https://barn2.com/wordpress-plugins/posts-table-pro/?utm_source=wporg&utm_medium=freeplugin&utm_campaign=freepluginwporg&utm_content=ecpt-wporg" rel="nofollow ugc">Posts Table Pro</a> plugin.</p>
<p>Posts Table Pro is a dynamic WordPress table plugin that lists any type of content from your website in a searchable table. As well as displaying any custom post type, you can choose which columns of information to show in the table – including your custom fields and custom taxonomies. See below for screenshots.</p>
<p>Your users will view the information in a table on the front end of your site. They can use the search box, sortable columns, and filter dropdowns to find exactly what they’re looking for.</p>
<p>This is how it displays the information from Easy Post Types and Fields:</p>
<ul>
<li>
<p>Create a table listing any or all of the posts from your custom post type. For example, you can list all the custom posts, or list posts with a specific ID, custom field value, custom taxonomy term, published date, etc.</p>
</li>
<li>
<p>Display each custom field as a separate column in the table. Users can sort the table by custom field.</p>
</li>
<li>
<p>Display each custom taxonomy as a separate column in the table. Users can sort by taxonomy terms, and also click on a term to filter the table. In addition, you can add each taxonomy as a filter dropdown above the table. That way, users can instantly find custom posts by taxonomy.</p>
</li>
</ul>
<h4>This free WordPress custom post type plugin includes:</h4>
<ul>
<li>
<p>Custom post types:</p>
<ul>
<li>
<p>Create an unlimited number of custom post types. Each custom post type has its own section in the WordPress admin, so you can manage your custom content separately from other WordPress post types.</p>
</li>
<li>
<p>Extend existing post types.</p>
</li>
</ul>
</li>
<li>
<p>Custom fields:</p>
<ul>
<li>
<p>Add custom fields to any WordPress post type – either the post types that are built into WordPress itself (pages, posts, media attachments, etc.), content types created using Easy Post Types and Fields, or any other custom post type (e.g. post types created using other plugins such as <a href="https://barn2.com/wordpress-plugins/document-library-pro/?utm_source=wporg&utm_medium=freeplugin&utm_campaign=freepluginwporg&utm_content=ecpt-wporg" rel="nofollow ugc">Document Library Pro</a> and <a href="https://barn2.com/wordpress-plugins/woocommerce-product-table/?utm_source=wporg&utm_medium=freeplugin&utm_campaign=freepluginwporg&utm_content=ecpt-wporg" rel="nofollow ugc">WooCommerce Product Table</a>.</p>
</li>
<li>
<p>2 custom field types: Plain text or WYSIWYG (Visual Editor).</p>
</li>
</ul>
</li>
<li>
<p>Custom taxonomies:</p>
<ul>
<li>
<p>Add custom taxonomies to any post type.</p>
</li>
<li>
<p>Choose between hierarchical taxonomies (similar to WordPress categories) or non-hierarchical taxonomies (similar to WordPress tags).</p>
</li>
<li>
<p>Each taxonomy is unique to a specific post type, so you can manage the taxonomy terms separately from other categories and taxonomies.</p>
</li>
</ul>
</li>
</ul>
<h4>What doesn’t it include?</h4>
<p>Easy Post Types and Fields includes the features that the majority of WordPress site owners use when they create custom post types, custom fields, and taxonomies. It intentionally does not include more advanced features that only a small proportion of users need, such as:</p>
<ul>
<li>
<p>Additional custom field types such as date picker, checkbox, and color picker fields (remember, you can add dates, numbers, images, etc. to a Visual Editor custom field in Easy Post Types and Fields).</p>
</li>
<li>
<p>Privacy options to restrict which user roles can see each field.</p>
</li>
<li>
<p>Relationship and repeater fields.</p>
</li>
<li>
<p>Advanced Content Types (ACTs) that get their own database tables.</p>
</li>
</ul>
<p>If you need these features then we recommend using a different custom post type plugin (e.g. Pods, Custom Post Type UI, or ACF). There are some excellent options available if you are happy with the added complexity.</p>
<h4>Restrict access to custom post types and make them private</h4>
<p>Some people want to control who can access some or all of their custom posts. You can do this by using Easy Post Types and Fields with our other plugin, <a href="https://barn2.com/wordpress-plugins/password-protected-categories/?utm_source=wporg&utm_medium=freeplugin&utm_campaign=freepluginwporg&utm_content=ecpt-wporg" rel="nofollow ugc">WordPress Password Protected Categories</a>. This adds privacy options to your hierarchical custom taxonomies.</p>
<p>Simply restrict each one to specific logged-in users or user roles, or to anyone with the password. All the posts/custom posts in that taxonomy will then be private and hidden from view.</p>


Easy Post Types and Fields

Easy Post Types and Fields makes it quick and easy to add custom post types, custom fields, and taxonomies to your WordPress website.

Wp Custom Field Chart vs Easy Post Types and Fields