javascript - 如何使用 Chartjs 在一个栏中显示 2 种人口类型？

Question

我正在开发 Ruby on Rails 应用程序，我想在图表栏中可视化我的结果。我想在一个条中可视化 2 种人群，例如具有 2 种不同颜色的男性和女性。

为了设计我的图表，我使用图表js，以下有其文档。

http://www.chartjs.org/docs/#bar-chart

谢谢

Answer 1

您可以使用堆积条形图 - 从 ChartJS 站点的社区扩展部分链接到的图表 - http://www.chartjs.org/docs/#advanced-usage-community-extensions

https://github.com/Regaddi/Chart.StackedBar.js

有了库和扩展，您就可以像调用普通的 ChartJS 图表一样调用它。

var ctx = document.getElementById("canvas").getContext("2d");
var myBar = new Chart(ctx).StackedBar(barChartData);

<小时/>

fiddle - http://jsfiddle.net/42s1naq9/

<小时/>