HTML5图表堆积颜色重复的条形图

问题描述

我想绘制由少量但可变数量彩色区域组成的条形图,每个条形图出现相同(三种)颜色多次。我知道https://colab.research.google.com/drive/1XaRMeiT1SefS6Q10wsa0y9rEercyFlCR?usp=sharing,但是每个条使用相同数量彩色区域(数据集)。乱砍它来绘制一堆零长度的数据集,以在每个栏中获得正确数量彩色区域,这是错误的。就是说,chart.js中的工具提示等都很好,因此,如果没有更自然的解决方案,则零长度数据集可能是解决之道。有什么想法吗?

解决方法

所以,我认为我将使用d3.js而不是chart.js。只需使用d3绘制单个矩形就很困难。

作为参考,horizontal barplot shown here是一个示例,每个条目只有一个小节,但不难扩展。 (在同一站点上有一个simple intro to d3.js。)