1

I am trying to create a waterfall chart using QuickChart. It looks there is no direct way to do such a thing in QuickChart. But, I'm looking if there is any workaround to accomplish this in QuickChart. Are there any possibilities to do this?

peikado
  • 75
  • 1
  • 8

2 Answers2

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.

LeeLenalee
  • 27,463
  • 6
  • 45
  • 69
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

uminder
  • 23,831
  • 5
  • 37
  • 72
  • I did think of this solution but didn't try this because the data is loaded dynamically to the chart. Let me try if I can do something with it. – peikado Jan 26 '22 at 13:35