Javascript 具有重复颜色的HTML5图表堆叠条

我想绘制由少量但数量可变的彩色区域组成的条形图，每个条形图上出现多次相同（三）种颜色。我知道，但是每个条使用相同数量的彩色区域（数据集）。用它来绘制一组零长度的数据集，从而在每个条中获得正确数量的彩色区域，感觉是错误的。这就是说，chart.js中的工具提示等都很好，所以如果没有更自然的解决方案，也许零长度的数据集是最好的选择。有什么想法吗？

所以，我想我不用chart.js，而是用。使用d3绘制单个矩形并不困难

作为参考，一个每个条目只有一个条的示例是。（同一网站上有一个网站。）