Chart.js v2 stacked bar chart
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js"></script>
<canvas id="bar-chart" width="600" height="350"></canvas>
JavaScript
const input = [ {
"x": 1,
"y": -40
},
{
"x": 2,
"y": -44
},
{
"x": 3,
"y": -53
},
{
"x": 4,
"y": -59
},
{
"y": -62,
"x": 5
},
{
"x": 6,
"y": -67
},
{
"y": -78,
"x": 7
},
{
"x": 8,
"y": -100
},
{
"x": 9,
"y": -79
},
{
"y": -63,
"x": 10
},
{
"x": 11,
"y": -66
},
{
"x": 12,
"y": -55
},
{
"x": 13,
"y": -57
},
{
"y": -63,
"x": 14
},
{
"x": 15,
"y": -47
},
{
"y": -56,
"x": 16
},
{
"y": -53,
"x": 17
},
{
"y": -41,
"x": 18
},
{
"y": -50,
"x": 19
},
{
"y": -50,
"x": 20
},
{
"y": -61,
"x": 21
},
{
"y": -52,
"x": 22
},
{
"y": -44,
"x": 23
},
{
"y": -41,
"x": 24
},
{
"y": -47,
"x": 1
},
{
"x": 2,
"y": -45
},
{
"x": 3,
"y": -50
},
{
"x": 4,
"y": -53
},
{
"x": 5,
"y": -58
},
{
"x": 6,
"y": -62
},
{
"x": 7,
"y": -71
},
{
"x": 8,
"y": -100
},
{
"x": 9,
"y": -76
},
{
"x": 10,
"y": -70
},
{
"y": -64,
"x": 11
},
{
"x": 12,
"y": -60
},
{
"y": -44,
"x": 13
},
{
"x": 14,
"y": -57
},
{
"y": -47,
"x": 15
},
{
"x": 16,
"y": -47
},
{
"y": -50,
"x": 17
},
{
"y": -44,
"x": 18
},
{
"y": -48,
"x": 19
},
{
"x": 20,
"y": -40
},
{
"y": -54,
"x": 21
},
{
"x": 22,
"y": -50
},
{
"x": 23,
...