热图表有多种颜色。 plotly.js

Question

我正在尝试重新创建这样的东西：

换句话说，我需要制作一个具有独立X轴的热图，每个热像图都有自己的热图颜色图案（即背景颜色越高，背景越绿色），其他相反。

我知道High-Charts可以 。我想知道是否可以使用plot.ly.是吗？有一个例子我可以看看吗？

我尝试将多个colorscaleValue添加为数组等，但似乎没有任何效果。

我怎样才能做到这一点？如果需要，甚至还有其他库。

P.s. 

这是我的jsfiddle例子。