Morris.jsのグラフでY軸を複数(2つ)にしたいです。

Question

Morris.jsファイルを読み込んでおり、
Y軸が1つの状態では正常に表示されています。

###実現したいこと
・Y軸を２つにしたい
※現在は左側のY軸には、売上用になっており数値が大きいです。
右側に来店数を入れたいのですが、売上と来店数の数の開きが大きいため
来店数のグラフ推移を見ることが出来ません。（変動が小さいため）

###該当のソースコード

<script>
		var year_data = [
		  {"period": "1月",  "sales": 120000,"count":20 },
		  {"period": "2月",  "sales": 140000,"count":30 },
		  {"period": "3月",  "sales": 120000,"count":40 },
		  {"period": "4月",  "sales": 100000,"count":10 },
		  {"period": "5月",  "sales": 90000, "count":20 },
		  {"period": "6月",  "sales": 290000,"count":20 },
		  {"period": "7月",  "sales": 100000,"count":30 },
		  {"period": "8月",  "sales": 234000,"count":20 }
		];
		Morris.Line({
		  element: 'graph',
		  data: year_data,
		  xkey: 'period',
		  ykeys: ['sales','count'],
		  labels: ['小計'],
		});
	</script>

###試したこと
・ykeysを増やしてましたが、後から追加したykeysの数値のみ表示されました。
・zkeysを追加してみましたが、何も表示されなくなりました。

###詳細バージョンなど
Morris.js 0.5.1
http://morrisjs.github.io/morris.js/

Answer 1

複数軸を持つグラフには対応していないようです。

【morris.js】
http://morrisjs.github.io/morris.js/bars.html

【JS Bin - Collaborative JavaScript Debugging】
http://jsbin.com/uzosiq/258/embed?js,output

複数軸に対応したライブラリを探してみてはいかがでしょうか。

【d3.js 複数軸（２軸）表示 | akasa3ブログ】
http://akasa3.com/d3-js-複数軸（２軸）表示/

Comments

[ichima]

ありがとうございます。
対応していないんですね。。
他のJSで実装してみます！