微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决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。)

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。