How to Create Chart.JS Bar Graph with Min, Max & Average

I have an app that is generating some bart charts from a service. My client added an additional chart to display a range (min, max and average). I was wondering if their is a way to accomplish this using chart.js. I looked through their docs and wasn’t able to find any examples or documentation on how to accomplish this. Anyone else run into this or have a different library they prefer? A Graph That Looks Something Like This


You can combine “floating bars” and “stacked bar chart”. See for an example. Note that the data of each bar is given as an array [Ybegin,Yend]. If you set stackable to false for the y scale the values are to be given as absolute:

  datasets: [
    data: [

Floating stacked bar chart example on