是否可以使用 morris.js 添加水平条形图?
http://jsbin.com/uzosiq/2/embed?javascript,live
非常感谢!
如果您使用来自https://github.com/JelteF/morris.js的 morris, 则可以看到水平图。
问题# 455中给出的工作示例是 - http://jsbin.com/pucadowa/8/edit?js,output
实际上有,但是必须编写很多代码检查这个 在此处输入链接描述
/*
* 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
});
快速浏览 morris.js网站显示没有证据表明支持水平条形图。
谷歌搜索“horizontal bar charts javascript”显示了许多可能的候选人,包括这个:http ://www.rgraph.net/examples/hbar.html
如果有人正在寻找 morris 的更新版本,请查看原始morrisjs 版本 6的这个分叉版本
另外,它好多了,而且更新了!