javascript - morris.js横棒グラフ

Question

morris.jsで横棒グラフを追加することは可能ですか？

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

どうもありがとうございます！

Answer 1

https://github.com/JelteF/morris.jsのmorrisを使用する と、水平方向のグラフを表示できます。

問題＃455で示されている実際の例は次のとおりです-http://jsbin.com/pucadowa/8/edit ?js,output

Answer 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
});

Answer 3

morris.js Webサイトをざっと見てみると、横棒グラフがサポートされている証拠はありません。

グーグル検索「水平棒グラフjavascript」はこれを含む多くの可能な候補を示しています：http ：//www.rgraph.net/examples/hbar.html

Answer 4

私はそうは思いませんが、あなたは試すことができます

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

また

http://www.jscharts.com

Answer 5

誰かがmorrisの更新バージョンを探している場合は、元の1つのmorrisjsバージョン6のこのフォークバージョンをチェックしてください。

さらに、それははるかに優れており、更新されています！