如何在Javascript中绘制水平百分比图表

Question

我想绘制一幅水平百分比图表，如附图所示。我已经尝试了一些库但无法找到解决方案。请帮帮我！

Answer 1

它被称为“堆积条形图”。 Google图表提供了它：

https://developers.google.com/chart/interactive/docs/gallery/barchart#stacked-bar-charts

Answer 2

您可以使用drupal的堆叠进度条功能： http://www.w3schools.com/bootstrap/bootstrap_progressbars.asp

回到底部阅读相关内容。它使用简单，您可以使用css自定义颜色。