Creating charts as per image shown

Hi, i dont know the exact name of this chart, but is this possible with QuickChart?


especially the Red and Green arrows.

Hi @kingzy,

Yes, this is doable with some Chart.js trickery. Here’s an example in the chart editor

Not exactly the same as yours, but you get the idea. My approach was to handle the triangles as a separate data series.

1 Like

That is amazing Ian!

I couldn’t find it on the Chart gallery, why isn’t it there?

Hi @ian I’ve managed to recreate the chart!

But here’s another question: can I auto sort the x-axis values from highest to lowest?

Here is the link

Hi @kingzy,

Honestly the easiest way to rearrange the entire chart is to put your data in the desired order before adding it to the chart.

However, you could order the bars in order from highest to lowest value by doing something like this:

data: [20, 11, 12, 33, 14, 15, 16, 17, 18, 19, 20, 21].sort((a,b) => b-a),