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.

pantherius

<p><a href="https://swiftwoosearch.com/" rel="nofollow ugc">Swift Woo Search – eCommerce Smart Search</a></p>
<p>WP Charts and Graphs plugin gives you a powerful chart generator on your WordPress admin. It is also allows you to see the chart immediately on the admin before you publish it. It is pretty simple, you specify the titles and the values, choose the chart type, then the plugin automatically generate the shortcode which you can include on any page or post.</p>
<h4>Cross Browser Compatible, Responsive</h4>
<p>The charts are responsive, the size depends on the container element. Therefore you can easily control the space that used by the graphs</p>
<h4>Visual Builder, Live Preview</h4>
<p>The admin area provides a generator with live preview. This way you will exactly see the chart before publish it on your pages or posts.</p>
<h4>Different chart types</h4>
<p>Currently you can use the Pie Chart, Polar Chart, Doughnut Chart, Radar Chart, Bar Chart and the Line Chart.</p>
<h4>Do you need more?</h4>
<p><a href="https://swiftwoosearch.com" rel="nofollow ugc">Swift Woo Search</a> is a powerful search plugin for WooCommerce that replaces the default search experience with a smarter alternative. It helps your customers find products faster – even if they make typos, use partial words, or search by tags or descriptions. Instead of showing “no results”, it offers fallback suggestions and shows up to 15 relevant items using advanced relevance scoring.</p>
<p>It also provides built-in analytics: track search keywords, click-through rates, add-to-cart rates, and purchases – so you always know what your customers are looking for. The plugin supports fuzzy search, position-aware ranking, custom relevance tuning, and is fully responsive for mobile users.</p>
<p>Includes search logging, product-level keyword tracking, and an admin dashboard with visual insights – so you can make better product and marketing decisions.</p>
<h3>Features</h3>
<ul>
<li>Responsive, Mobile-Friendly</li>
<li>Chart generator</li>
<li>Live Preview on admin</li>
<li>Several chart types</li>
</ul>
<h3>Other Projects</h3>
<ul>
<li><a href="https://boardgameset.com" rel="nofollow ugc">Board Game Upgrades</a></li>
</ul>


WP Charts and Graphs – WordPress Chart Plugin

Very good!

WP Charts and Graphs provides stunning, interactive charts to visualize any numbers on an attractive way using different charts.

Wp Custom Field Chart vs WP Charts and Graphs – WordPress Chart Plugin