Chart conversion

Appizy supports chart conversion. It uses the library Chart.js to recreate spreadsheet graphs. These chart types are currently supported:

  • scatter plot
  • lines
  • pie chart
  • histogram
  • radar

Chart edition

Appizy generates human-friendly code. With a basic knowledge of HTML and Javascript, you will be able to edit your web application. To edit charts, open the application file, and find where they are created. You can search in the file for new Chart.

Here are common use-cases based on Chart.js documentation.

Fix scale

By default, charts have a dynamic scale. If you want to fix the scale along the Y axis you can add a min and max values.

var chart = new Chart(ctx, {
    // ...
    options: {
        scales: {
            yAxes: [{
                ticks: {
                    min: 0,
                    max: 1
                }
            }]
        }
    }
    // ...
});

Chart.js documentation on axis range settings.

Custom tick formats

Include a dollar sign in the ticks:

var chart = new Chart(ctx, {
    // ...
    options: {
        scales: {
            yAxes: [{
                ticks: {
                    callback: function(value, index, values) {
                        return '$' + value;
                    }
                }
            }]
        }
    }
    // ...
});

Percentage format:

var chart = new Chart(ctx, {
    // ...
    options: {
        scales: {
            yAxes: [{
                ticks: {
                    callback: function(value, index, values) {
                        return value * 100 + '%';
                    }
                }
            }]
        }
    }
    // ...
});

Chart.js documentation on creating custom tick formats.