問題タブ [rickshaw]

ほとんどの値が 41 ～ 44 の範囲にあるデータがありますが、150 ～ 350 のピークが時々あるため、y 軸は自動的に 0 ～ 350 にスケーリングされ、グラフは単に判読できません。

y軸の固定最小値と最大値を設定するには? 一部の値がグラフの「上」になることはわかっていますが、それは問題ではありません。

ここに私のチャートがあります

編集:代わりに、このグラフでズームを有効にしたいのですが、これを行う方法はありますか?

EDIT2：または、ラインの有効化/無効化、ズーム、パンを使用して、他の単純なチャートライブラリを提案できますか?

Rickshawを使用していくつかのチャートを作成し、php で生成された ajax を使用してデータをインポートしようとしています。

静的データを使用すると、グラフが表示されます。PHP で生成されたデータを (console/log() から) コピー/貼り付けすると、グラフが表示されます。データを変数に入れて、その変数をjsで使用しようとすると、うまくいきません。:(

これは、.php から取得したコンソール ログです: (先ほど言ったように、そのコード ブロックを .js にコピーして貼り付け、"dataOutEvo" var を置き換えると、グラフは正常に表示されます。データが問題だとは思わない。

そして、これは何かがうまくいかないjsです:

誰が何がうまくいかないのか教えてもらえますか? ありがとう:)マチュー

これを使用して、別の方法に進むべきではないかどうかを今自問しています：

この ：

しかし、それはまだ機能していません...誰かが私を助けて、私が間違っていることを教えてくれますか?

グラフに x 軸と y 軸を表示しようとしています。データには JSON を使用しています。

これは私の次のコードです:

誰でも私を助けて、それを行う方法を教えてもらえますか? x および y データとして数値を持っています (単語ではありません)。

Prototype のクラスベースの OOP システムを使用する素晴らしいRickshawライブラリで遊んでいます。これには、サブクラスが次のように親クラスのメソッドを拡張できるようにするメソッドが含まれます。extend

親クラス:

サブクラス:

CoffeeScript で同じことを行うための構文を見つけようとしているので、CoffeeScript はプロトタイプではなくクラスの継承を処理します。手伝ってくれますか？

編集

@tomahaug の回答のおかげで、これが機能するようになりました。より良い方法があることに気付きました。While$superはプロトタイプ機能ですextendが、実際にはプロトタイプと人力車のトップレベル オブジェクトの両方で次のように定義されています。

したがって、この方法を使用すると、ソリューションは次のようになります。

したがって、これを別のステップで改善できる唯一の方法は、これが何らかの方法で CoffeeScript に組み込まれていることが判明した場合です。

2 次元データを折れ線グラフの形で簡単に表示できる JavaScript ライブラリが必要です。不連続な線を表示する必要があります。私はいくつかのライブラリを見てきましたが、それらは私が望む以上のことをしています。人力車で試してみましたが、シリーズしか受け付けません。

このデータがあるとしましょう：

];

ここでは、round_1_2基本的に 2 番目のティックから開始するようにします。このデータをnvd3のstackedmultibarchartsで使用しましたが、折れ線グラフ/時系列の形式で表す必要があります。

次のようなjsonがある場合：

次のように、引用符で囲まれた文字列の代わりに識別子をキーとして使用する JavaScript オブジェクトを作成するにはどうすればよいですか。

これが重要かどうかはわかりませんが、コンテキストについては、Python でデータを操作し、その結果をシリアライズしてコンテキスト変数として Django html テンプレートにjson.dumps(..)渡しています。json.dumps(..)次に、人力車 ( http://code.shutterstock.com/rickshaw/ ) を使用してデータをプロットします。時間をエポックに変換することはまだ扱っていません。

JSON ファイルのデータを含む単純な人力車チャートを見ています。

graphレンダリング後にアクセスしたいと思います。グラフはコールバック関数内で作成されるため、単純にハンドルを返すことはできません。また document.getElementById(chart_id)、グラフ属性もありません。

私の目標は、たとえば、ユーザーが複数のグラフに対して特定の範囲を同時に指定できるようにすることです (たとえば、過去 5 年間)。それぞれのグラフの RangeSlider を調整する必要はありません。チャートにアクセスすると、次のことができます

何か案は？