Morris.js horizontales Balkendiagramm

Question

Ist es möglich, ein horizontales Balkendiagramm mit morris.js hinzuzufügen?

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

Vielen Dank!

Answer 1

Wenn Sie Morris von https://github.com/JelteF/morris.js verwenden, ist es möglich, horizontale Diagramme zu sehen.

Ein Arbeitsbeispiel im Thema # 455 ist - http://jsbin.com/pucadowa/8/edit?js,output

Answer 2

Eigentlich gibt es, aber viel Code muss geschrieben werden überprüfen Sie das enter link description here

/*
 * Spiel mit diesem Code und er wird sich im gegenüberliegenden Panel aktualisieren.
 *
 * Warum versuchen Sie nicht einige der oben genannten Optionen?
 */
/* @license
morris.js v0.5.0
Copyright 2014 Olly Smith Alle Rechte vorbehalten.
Lizenziert unter der BSD-2-Clause-Lizenz.
*/
/* @license
morris.js v0.5.1
Copyright 2014 Olly Smith Alle Rechte vorbehalten.
Lizenziert unter der BSD-2-Clause-Lizenz.
*/
(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: ['Serie A', 'Serie B'],
  horizontal: true,
  stacked: true
});

Answer 3

Ein schnelles Durchsuchen der morris.js-Website zeigt keine Anzeichen für Unterstützung von horizontalen Balkendiagrammen.

Ein Google-Suche "horizontale Balkendiagramme JavaScript" zeigt eine Reihe möglicher Kandidaten, darunter dieser : http://www.rgraph.net/examples/hbar.html

Answer 4

Ich glaube nicht, aber du kannst es versuchen

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

oder

http://www.jscharts.com

Answer 5

Wenn jemand nach einer aktualisierten Version von morris sucht, sollte er diese geforkte Version des Originals überprüfen morrisjs Version 6

Außerdem ist es viel besser und aktualisiert!