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.

YeKen

<h4>Demo</h4>
<p>Use our free site for tracking your weight which shows off some of the plugin’s feature: <a href="https://demo.yeken.uk" title="https://demo.yeken.uk" rel="nofollow ugc">https://demo.yeken.uk – Demo Site</a></p>
<h4>Documentation</h4>
<p><a href="https://weight.yeken.uk/" title="Weight Tracker Website" rel="nofollow ugc">Weight Tracker Website</a></p>
<h4>Core Features</h4>
<p>An easy to use plugin that allows your users to track their weight, body measurements, photos and any custom fields you define. Their entries can be seen in various ways, charts, tables, shortcodes and widgets. The user is able to set targets and modify their entries.</p>
<p>The admin area features a rich user interface to allow site owners and personal trainers interact with their user base and help them achieve their goals.</p>
<p>Support for US/UK date formats as well as Imperial and Metric measurements.</p>
<p>For further information read our documentation:</p>
<p><a href="https://weight.yeken.uk/shortcodes" title="Weight Tracker - Documentation" rel="nofollow ugc">Weight Tracker – Documentation</a></p>
<h4>Pro Plus Version</h4>
<ul>
<li>All of the features that come with a standard Pro license.</li>
<li><strong>Kiosk mode</strong>. [wt-kiosk] shortcode for allowing your administrators and staff to search and edit a user’s record on the front end of the website.</li>
<li><strong>Barcode scanner</strong>. Beta. Barcode scanner for scanning user IDs when using [wt-kiosk].</li>
<li><strong>Harris Benedict formula</strong>. Shortcodes and extended admin screens to a view a person’s calorie intake required to maintain and lose weight. For further information on Harris Benedict Formula and how it is calculated visit our calculations page.</li>
<li><strong>Recommended calorie intake per meal time</strong>. Shortcodes and extended admin screens to recommend how a person should split their daily calorie intake across meals. For further information on how this is calculated please visit our calculations page.</li>
<li><strong>Macronutrients Calculator</strong>. Shortcodes and extended admin screens to recommend how their calorie consumption should be split into fats, carbohydrates and proteins. For further information on the Macronutrients Calculator and how these calculations are performed please visit our calculations page.</li>
<li><strong>Additional user preference fields</strong>. Additional user preference fields and shortcodes to display them: Activity Level, Date of Birth and Gender.</li>
<li><strong>Awards</strong>. Awards and Badges! Set awards for: BMI Change, BMI Equals, Weight Gain / Loss from start and Percentage of weight lost from start.</li>
<li><strong>BMI Calculator</strong>. A shortcode to display a BMI calculator [wt-bmi-calculator].</li>
<li><strong>Waist-to-Hip ratio Calculator</strong>. A shortcode to display a BMI calculator [wt-waist-to-hip-ratio-calculator].</li>
</ul>
<p><a href="https://weight.yeken.uk/features/" title="Read more about features" rel="nofollow ugc">Read more about features</a></p>
<h4>Pro Version</h4>
<ul>
<li><strong>Webhooks, Zapier & Slack</strong>. Push weight entry data and targets to Slack channels, Zapier or your own custom Webhooks!</li>
<li><strong>Support for Gravity Forms.</strong> Scan Gravity Form submissions for relevant Weight / Measurement fields and create a weight entry automatically. <a href="https://weight.yeken.uk/gravity-forms/" title="Read more" rel="nofollow ugc">Read more</a></li>
<li><strong>Admin can view, edit and delete user data.</strong> Various tools for viewing user’s graphs, tables of entries, BMI, targets, weight lost / gained stats and much more.</li>
<li><strong>CSV and JSON exports</strong> for all data or a particular user.</li>
<li><strong>Custom Fields.</strong> Define and ask your user’s custom questions on weight entry forms. Add numeric fields (for things like measurements), yes/no and text fields.</li>
<li><strong>Photo Custom Fields</strong>. Add one or more photo fields to your weight entry forms and allow your users to upload photos of their progress. Photos can be viewed, updated and removed by the end user and administrators. Handy shortcodes are provided for displaying galleries, most recent and oldest photo.</li>
<li><strong>Groups</strong>. Define user groups and assign your user’s to them. View Weight Difference statistics for the group as a whole.</li>
<li><strong>Admin notes</strong>. Administrators have the ability to store notes against their users. If set to visible, the user can view these via [wt-notes] or receive emails with their content.</li>
<li><strong>BMI.</strong> Allows a user to specify their height. Once specified, their BMI is displayed next to each weight entry. There is also a shortcode to render the latest BMI.</li>
<li><strong>Email notifications.</strong> Receive email notifications when a person updates their target or adds / edits a weight.</li>
<li><strong>Birthday Emails</strong>. Automatically send your user’s a birthday email (when they have entered a date of birth).</li>
<li><strong>Overall user stats.</strong> Shortcodes that allow you to display the total lost / gained for the community and another to display a league table.</li>
<li><strong>Widgets.</strong> Widgets that allow you to display the graph and quick weight entry form within any widget area.</li>
<li><strong>Chart and form Shortcodes.</strong> That allow you to display the graph and quick weight entry form by placing a shortcode on any post or page.</li>
<li><strong>Progress Bar shortcode.</strong> A shortcode that visually displays the logged in user\’s progress towards their target</li>
<li><strong>Reminder shortcode.</strong> A shortcode that can be used to remind the user to enter their target or weight for today.</li>
<li><strong>Message shortcode</strong> A shortcode that allows you to congratulate a user when they lose weight x number of times. It also provides the opposite allowing you to provide encouragement when someone gains weight.</li>
<li><strong>Text Shortcodes.</strong> Additional shortcodes for earliest and most recent dates entered.</li>
<li><strong>Progress Bar shortcode / widget.</strong> Display a user\’s progress towards their weight target.</li>
<li><strong>Reminder shortcode.</strong> Display a reminder to enter their weight for the given day or enter a target.</li>
<li><strong>User preferences</strong>. If enabled, the user will be able to select which unit they wish to store their weight in Metric or Imperial. They will also be able to specify date format and clear all their weight data.</li>
<li><strong>Bar Charts</strong>. Fancy something different to a line chart? The plugin will also support Bar Charts.</li>
<li><strong>Delete existing entry</strong>. A logged in user will be able to delete or edit an existing weight entry.</li>
<li><strong>Better Tables.</strong>. Data tables in front end and admin will support paging and sorting.</li>
<li><strong>Admin: Extra Settings</strong>. Extra settings to customise the plugin will be added e.g. number of plot points on graph, rows per page, etc.’, WE_LS_SLUG)</li>
</ul>
<p><a href="https://weight.yeken.uk/features/" title="Read more about features" rel="nofollow ugc">Read more about features</a></p>
<h4>Languages support</h4>
<p>The plugin is written in English (UK) but has support for other languages such as French, Spanish, Dutch, Italian, Norwegian, Portuguese-Brazil, etc. For a list of supported languages please visit:</p>
<p><a href="https://weight.yeken.uk/weight-units-date-formats-languages/" title="Weight Tracker Website - Supported Languages" rel="nofollow ugc">Weight Tracker Website – Supported Languages</a></p>
<p>Need a translation? Please read the following guide: <a href="https://weight.yeken.uk/translating-weight-loss-tracker-plugin/" title="Translating the Weight Tracker plugin" rel="nofollow ugc">Translating the Weight Tracker plugin</a></p>
<h4>Documentation</h4>
<p>Need further help? Please visit the dedicated site:</p>
<p><a href="https://weight.yeken.uk" title="Weight Tracker Website" rel="nofollow ugc">Weight Tracker Website</a></p>
<h4>Donate</h4>
<p>Paypal Donate: <a href="https://www.paypal.me/yeken" title="www.paypal.me/yeken" rel="nofollow ugc">www.paypal.me/yeken</a></p>


Weight Tracker

Allow your users to track their weight, measurements, photos and custom data! Support for BMI, BMR, Calorie Intake, Macronutrients and much more!

Wp Custom Field Chart vs Weight Tracker