[Chartjs]-How to create Waterfall model chart using QuickChart?

by

1👍

No if quickchart does not support the custom chart type you need you cant use it with quickchart.

You will either need to implement chart.js yourself or look at the source code of quickchart, edit it so it does support the chart type you want to use and host it yourself.

1👍

It is easily doable with floating bars.

Paste the following chart configuration into https://quickchart.io/sandbox and click on the Chart URL in the right section of the window.

{
  type: 'bar',
  data: {
    labels: ['Project Budget', 'Iteration 1', 'Iteration 2', 'Iteration 3', 'Iteration 4'],
    datasets: [{
      data: [750, [500, 750], [360, 500], [200, 360], 200],
      backgroundColor: ['rgb(255, 0, 0)', 'rgba(255, 0, 0, 0.8)', 'rgba(255, 0, 0, 0.6)', 'rgba(255, 0, 0, 0.4)', 'rgba(255, 0, 0, 0.2)'],
      categoryPercentage: 1,
      barPercentage: 0.98
    }]
  },
  options: {
    responsive: true,
    maintainAspectRatio: false,
    legend: {
      display: false
    },
    scales: {
      yAxes: [{
        ticks: {
          beginAtZero: true
        }
      }]
    }
  }
}

Further information about how it works, is available in this answer

Leave a comment