Title: Wp Custom Field Chart
Author: showi
Published: <strong>30 Luglio 2014</strong>
Last modified: 18 Agosto 2014

---

Ricerca i plugin

Questo plugin **non è stato testato con le ultime 3 versioni principali (major releases)
di WordPress**. Potrebbe non essere più mantenuto, o supportato, e potrebbe presentare
problemi di compatibilità se utilizzato con versioni più recenti di WordPress.

![](https://s.w.org/plugins/geopattern-icon/wp-custom-field-chart.svg)

# Wp Custom Field Chart

 Di [showi](https://profiles.wordpress.org/showi/)

[Scarica](https://downloads.wordpress.org/plugin/wp-custom-field-chart.0.0.5.zip)

 * [Dettagli](https://it.wordpress.org/plugins/wp-custom-field-chart/#description)
 * [Recensioni](https://it.wordpress.org/plugins/wp-custom-field-chart/#reviews)
 *  [Installazione](https://it.wordpress.org/plugins/wp-custom-field-chart/#installation)
 * [Sviluppo](https://it.wordpress.org/plugins/wp-custom-field-chart/#developers)

 [Supporto](https://wordpress.org/support/plugin/wp-custom-field-chart/)

## Descrizione

This plugin collect data attached to post/article via **custom field** and make

chart of it. This plugin use **Chart.js** for chart drawing [ChartJs](http://www.chartjs.org/)

Data are collected by looking for specific _custom field_ attached to your
 post/
page. You can change aggregation method, intervall…

See [usage](https://wordpress.org/plugins/wp-custom-field-chart/other_notes/)

### Usage

Edit your post/page in text mode and put some Javascript and a WordPress tag

#### Minimum

    ```
    <script>
    var mydata = { datasets: [{}]};
    </script>
    [custom_field_chart fields="humidity" js_data="mydata"]
    ```

For each field you need to put empty {} into datasets.

For two fields:

    ```
    <script>
    var mydata = {datasets: [{},{}]}
    </script>
    [custom_field_chart fields="humidity,temperature" js_data="mydata"]
    ```

But it’s pretty useless to put more than one field without different colors 🙂

#### More

    ```
    <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"]
    ```

#### Notes

 1. js_data and js_options must reflect name given to your javascript variable.
 2. Look at http://chartjs.org/ for documentation
 3. You don’t need to supply labels and data (like in chartjs.org example) 🙂

### Tag attributes

= Required =
 1. _fields_: Custom field separate by comma 1. _js\_data_: Name of
javascript variable holding chart datasets

#### Optional

 1.  _width_: Chart width (default: 400)
 2.  _height_: Chart Height (default: 200)
 3.  _method_: Aggregate method track, delta or cumulative (defaul: track)
 4.  _interval_: year, month, day (default: day)
 5.  _interval\_count_: How many year, mont or day (default: 31)
 6.  _js\_options_: Name of javascript variable holding chart options
 7.  _kind_: Chart type line or bar (default: line)
 8.  _to\_date_: Current date by default, post date if ‘post’ specified else value 
     supplied
 9.  _dump_: Dumping attributes for debug (default: False)
 10. _round_: Rounding data with specified precision

### Note

Beta software… Interface may change.

## Screenshot

 * [[
 * One field for each chart (Two tags)
 * [[
 * Combined field in one chart (One Tag)
 * [[
 * Bar chart with different _interval_

## Installazione

 1. Upload the entire `wp-custom-field-chart` folder to the `/wp-content/plugins/` 
    directory
 2. Activate the plugin through the ‘Plugins’ menu in WordPress
 3. Include [custom_field_chart] tag in your post/page (See Other Notes)

## FAQ

No FAQ 🙂

## Recensioni

Non ci sono recensioni per questo plugin.

## Contributi e sviluppo

“Wp Custom Field Chart” è un software open source. Le persone che hanno contribuito
allo sviluppo di questo plugin sono indicate di seguito.

Collaboratori

 *   [ showi ](https://profiles.wordpress.org/showi/)

[Traduci “Wp Custom Field Chart” nella tua lingua.](https://translate.wordpress.org/projects/wp-plugins/wp-custom-field-chart)

### Ti interessa lo sviluppo?

[Esplora il codice](https://plugins.trac.wordpress.org/browser/wp-custom-field-chart/)
segui il [repository SVN](https://plugins.svn.wordpress.org/wp-custom-field-chart/),
segui il [log delle modifiche](https://plugins.trac.wordpress.org/log/wp-custom-field-chart/)
tramite [RSS](https://plugins.trac.wordpress.org/log/wp-custom-field-chart/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 0.0.5

 * Bump Chart.js version to 1.0.1-beta.4
 * Better use of Field object, cleaning of old code

#### 0.0.4

 * Add _round_ and _dump_ attribute
 * Using _Field_ class everywhere

#### 0.0.3

 * More attribute validation and default
 * Now as to_date default, introducing post to specify post date as to_date
 * Better readme, well more informations…

#### 0.0.2

 * Uploading some screenshots
 * Improved readme.txt

#### 0.0.1

 * Beta Release

## Meta

 *  Versione **0.0.5**
 *  Ultimo aggiornamento **12 anni fa**
 *  Installazioni attive **10+**
 *  Versione WordPress ** 3.9.1 o superiore **
 *  Testato fino alla versione **3.9.40**
 *  Lingua
 * [English (US)](https://wordpress.org/plugins/wp-custom-field-chart/)
 * Tag
 * [chart](https://it.wordpress.org/plugins/tags/chart/)[custom field](https://it.wordpress.org/plugins/tags/custom-field/)
   [javascript](https://it.wordpress.org/plugins/tags/javascript/)
 *  [Visualizzazione avanzata](https://it.wordpress.org/plugins/wp-custom-field-chart/advanced/)

## Valutazioni

Non sono state ancora inviate recensioni.

[Your review](https://wordpress.org/support/plugin/wp-custom-field-chart/reviews/#new-post)

[Vedi tutte le recensioni](https://wordpress.org/support/plugin/wp-custom-field-chart/reviews/)

## Collaboratori

 *   [ showi ](https://profiles.wordpress.org/showi/)

## Supporto

Hai qualcosa da dire? Ti serve aiuto?

 [Chiedi nel forum di supporto](https://wordpress.org/support/plugin/wp-custom-field-chart/)