Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/372.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 需要显示分为左侧和右侧的堆叠样式条形图_Javascript_Jquery_Web Applications - Fatal编程技术网

Javascript 需要显示分为左侧和右侧的堆叠样式条形图

Javascript 需要显示分为左侧和右侧的堆叠样式条形图,javascript,jquery,web-applications,Javascript,Jquery,Web Applications,我正在写一个小的网络应用程序来管理一场关于给运动队小费以赢得比赛的比赛 在仪表板上,我想为给定的一周内的每场比赛显示一个小图表,显示用户对球队选择的偏好-我希望它看起来像这样: 一队——xxx | xxxx——二队 其中,x代表一个条,其大小为尖端的百分比。随着比赛的进行,所有的中心酒吧都应该排好队 我以前见过这种情况,但不记得在哪里搜索了好几个小时,因为不知道图形/图表的类型,所以很难找到 如果有人能给我指出一个js/jQuery库或插件,可以呈现这些类型的图形,我将非常感激 干杯, Ryan

我正在写一个小的网络应用程序来管理一场关于给运动队小费以赢得比赛的比赛

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

一队——xxx | xxxx——二队

其中,x代表一个条,其大小为尖端的百分比。随着比赛的进行,所有的中心酒吧都应该排好队

我以前见过这种情况,但不记得在哪里搜索了好几个小时,因为不知道图形/图表的类型,所以很难找到

如果有人能给我指出一个js/jQuery库或插件,可以呈现这些类型的图形,我将非常感激

干杯,
Ryan。

我不会指望插件来实现这一点。自己写点东西!创建一些标记以显示图形,并使用两个div表示边。然后使用一些JS来调整它们的宽度。这是我举的一个例子。您将在JS中看到,您可以调整左右两侧的总数,图形将反映它们。

谢谢!我接受了你的建议,决定自己去做。我以为某个人,某个地方已经写了这样的东西。