Javascript 堆叠柱高图表更改x和y

我正在寻找这样的图表：

---

我想使用高图库中的。但是正如你在图片中看到的，我需要改变这些值的视图。但我不知道从这个开始。有人能帮我上路吗？

你可以根据自己的想法通过堆叠图表来完成

series: [{
            name: 'John',
            data: [null, null, 4, 7, 2]
        }, {
            name: 'Jane',
            data: [null,null, 3, 2, 1]
        }, {
            name: 'Joe',
            data: [3, 4, 4, 2, 5]
        }]