需要显示一个堆叠式的条形图分为左右[关闭]

Question

我正在编写一个小型网络应用程序来管理一场比赛，该比赛旨在让运动队获胜。

我想在仪表板上显示给定一周内每场比赛的小图表，显示用户选择团队的偏好 - 我希望它看起来像这样：

第 1 队 ----xxx | xxxx---第2队

其中 x 代表小费百分比的大小。列出游戏时，所有中心条都应排成一行。

我以前看过这个，但不记得在哪里 - 而且不知道图形/图表的类型很难找到 - 在谷歌上搜索了好几个小时。

如果有人能向我指出一个可以呈现这些图形的 js / jQuery 库或插件，我将不胜感激。

干杯， 瑞恩。

Answer 1

我不会指望插件来做到这一点。自己写点东西！创建一些标记来显示您的图表，并有两个 div 代表您的双方。然后使用一些JS来调整它们的宽度。这是我掀起的一个例子。 http://cdpn.io/ivjhw 。你会在JS中看到可以调整左右的合计，图表会体现出来。