3

是否可以使用 morris.js 添加水平条形图?

http://jsbin.com/uzosiq/2/embed?javascript,live

非常感谢!

4

5 回答 5

4

如果您使用来自https://github.com/JelteF/morris.js的 morris, 则可以看到水平图。

问题# 455中给出的工作示例是 - http://jsbin.com/pucadowa/8/edit?js,output

于 2016-08-30T12:50:54.273 回答
2

实际上有,但是必须编写很多代码检查这个 在此处输入链接描述

/*
 * Play with this code and it'll update in the panel opposite.
 *
 * Why not try some of the options above?
 */
/* @license
morris.js v0.5.0
Copyright 2014 Olly Smith All rights reserved.
Licensed under the BSD-2-Clause License.
*/
/* @license
morris.js v0.5.1
Copyright 2014 Olly Smith All rights reserved.
Licensed under the BSD-2-Clause License.
*/
(function(){var a,b,c,d,e=[].slice,f=function(a,b){return function(){return .......}).call(this);


Morris.Bar({
  element: 'bar-example',
  data: [
    { y: '2006', a: 100, b: 90 },
    { y: '2007', a: 75,  b: 65 },
    { y: '2008', a: 50,  b: 40 },
    { y: '2009', a: 75,  b: 65 },
    { y: '2010', a: 50,  b: 40 },
    { y: '2011', a: 75,  b: 65 },
    { y: '2012', a: 100, b: 90 }
  ],
  xkey: 'y',
  ykeys: ['a', 'b'],
  labels: ['Series A', 'Series B'],
  horizontal: true,
  stacked: true
});
于 2017-09-18T23:58:23.747 回答
1

快速浏览 morris.js网站显示没有证据表明支持水平条形图。

谷歌搜索“horizo​​ntal bar charts javascript”显示了许多可能的候选人,包括这个:http ://www.rgraph.net/examples/hbar.html

于 2012-11-07T17:59:22.550 回答
0

我不这么认为,但你可以试试

http://www.jqplot.com/tests/bar-charts.php

或者

http://www.jscharts.com

于 2012-11-07T18:05:49.693 回答
0

如果有人正在寻找 morris 的更新版本,请查看原始morrisjs 版本 6的这个分叉版本

另外,它好多了,而且更新了!

于 2019-04-05T19:27:57.037 回答