問題タブ [dygraphs]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
dygraphs - dygraphsライブラリを使用して集合体データをグラフ化するにはどうすればよいですか
dygraphsライブラリ(http://dygraphs.com)を使用していますが、y軸をグラフ化する方法を指定する方法があるかどうか疑問に思いました。
私のデータは次のようになります(CSVファイルからロードします)。
日付、統計20121029,13 20121030,14 20121031,1 20121101,0 20121102,7 20121103,0 20121104,7
これは私のJSがどのように見えるかです:
現在、グラフはy軸で表示されており、データは日次データとして表示されています。
次のようにy軸にデータを表示したいと思います。
20121029-13 20121030-27 20121031-28 20121101-28 20121102-35 20121103-35 20121104-42
これを行うために使用できるダイグラフのオプションはありますか?入力CSVファイルの形式を変更できません。
ありがとう
javascript - dygraph は非表示の div 要素のデータを出力しません
Web サイトで視覚化の目的でdygraph ( http://dygraphs.com/ )を使用しようとしてきましたが、すべての機能で問題なく動作します。私が構築しようとしているウェブサイトは動的なもので、最初は目に見える要素に印刷しようとしましたが、問題ありませんでした..次に、クリックで展開および折りたたむことができる要素をdiv
導入しようとしました. div
したがって、div
折りたたまれた状態でグラフを印刷しようとすると、機能しません。グラフが展開されている場合にのみ、グラフが印刷されます..私の問題を示すためにjsfiddleリンクを追加しています..
この問題の原因は何ですか?
javascript - ダイグラフチャートを印刷する
次のようにダイグラフを含むDivを印刷しようとしています:
JavaScript:
HTML の場合:
問題文:
ダイグラフ (「divName」) には、実際のチャートを HTML でプロットするスクリプトが含まれています。innerHTML を印刷しようとすると、印刷機能はこれに対応できません。
これを行う別の方法はありますか?ありがとう!
javascript - setSelection() でのダイグラフのロックが機能しない
setSelection() のロックに問題があります。正しい値は問題なく選択されていますが、グラフはその後ロックされていません。
私が試してみました:
これらはすべて、上記のコードが示すように順番にではなく、個別に試行されました。
おそらく、これは私が JavaScript のオプションのパラメーターを十分に理解していないことが問題ですが、この概念について読んだ後、私はそれが正しいと思います. 私が間違っていることは誰にとっても明らかですか?JavaScript を何にでも使ってから長い時間が経ちましたが、Dygraphs を使って JavaScript に戻ることができてうれしく思います。
助けてくれてありがとう。
-ブライアン・J・スティナー-
dygraphs - ダイグラフでY1軸を線形に保ちながら、Y2軸の対数スケーリング
ダイグラフのプロットに使用される2つの軸YとY2があります。y2軸の値は指数関数的に変化するため、ラベルが乱雑になります。y軸を直線に保ちながら、この軸をスケーリングしたいと思います。私はすでにlogcale:trueオプションを試しましたが、役に立ちませんでした。このオプションがdygraphでサポートされている場合は、助けてください。
前もって感謝します
dygraphs - CSVは、ハードコーディングせずにダイグラフに2軸を表示することはできません
2つの異なる軸を持つCSVデータからチャートを表示したいと思います。
私はこれを行うことに成功しましたが、いくつかの制限があります。
これが私のCSVファイルのサンプルですが、列の数と列のラベルはさまざまです。
このコードを使用して表示できます。
「labels:」の行を削除しようとしましたが、これを行うと、2番目の軸が消えます。
このためのjsFiddleはここにありますhttp://jsfiddle.net/lauhub/jY2m6/
また、この線を維持すると、チャートの表示中に警告が生成されます。
また、列の数と名前はさまざまである可能性があるため、CSVファイルからラベルを動的にロードしたいと思います。
ダイグラフを使用してプログラムでこれを行うことは可能ですか?どのように ?
ありがとう
javascript - Dygraphs Range Selection Bugを修正するにはどうすればよいですか?
Dygraphsライブラリを使用して、財務データの折れ線グラフを表示しています。[範囲の選択]オプションを有効にすると、選択ハンドルを1対1でドラッグできなくなり、実質的に使用できなくなるバグがあります。
これが機能している場合の外観の例です。http://dygraphs.com/tests/range-selector.html これは壊れたときに何が起こるかの例です(これは私がローカルにインストールしたときにどのように機能するかです):http://dygraphs.com/gallery/#g/range-selector
このバグの原因となっているJavaScriptの競合があると思います。どうすれば修正したり、原因を特定したりできますか?どんな助けでも大歓迎です。
javascript - Dygraph コードが IE8 でクラッシュする
私の dygraph コードは IE8 では動作しません。コンソールに次のエラーが表示されます。
これは、「dygraph-combined.js」でクラッシュする行です。
グラフは、まったく同じコードを使用して、IE9 と IE7 で正しく表示されます。
私が調査した可能な解決策はまだ機能していません (それらの多くは単に「excanvas.js を含める」だけです)。
Edit1: David Kiger のフィードバックの後、必要に応じてヘッダーを正確にフォーマットしようとしましたが、それでも機能しません。問題を切り分けるために、Yii のブートストラップも削除しました。これは正確なコードです:
excanvas.js でこの行をコメントしても機能しませんでした。
Edit2: 解決しました!
したがって、両方のソリューションを組み合わせる必要がありました。
IE の書式コード...
...さらに、excanvas.js の行にコメントを付ける
順序も非常に重要です。
まずはexcanvas.js
次にdygraph-combined.js
フィードバックをお寄せいただきありがとうございます。
javascript - ダイグラフセット列の可視性
DygraphGVizChartの列の表示を変更しようとしています。
これは機能します:
また、これは機能します:
しかし、内部drawChart
では、そのコードの後に、次の行を追加すると、
エラーが発生します:
Uncaught TypeError:undefinedのメソッド'setVisibility'を呼び出すことはできません。drawChart
この質問を読んだ後chart1
、実行時に準備ができていないのではないかと思いました。だから私はこの関数を追加しました:
しかし、showChange
リンクをクリックすると、同じエラーが発生します。
Uncaught TypeError:未定義のメソッド'setVisibility'を呼び出すことができません
そしてアラートウィンドウは言う:
チャート1を表示:未定義
javascript - ダイグラフのキャンバス コンテキスト内にラベルを追加する
x ラベルと y ラベルをキャンバスの外側に html 要素として配置する代わりに、それらをキャンバスに追加したいと考えています。これを行うには、ラベルをキャンバスに描画するために必要なコードを drawcallback に追加します。これは効果的な解決策ではありません。これは、ポイントが強調表示されたときに、この fn が常に呼び出されるとは限らないためです。カスタム追加した軸ラベルは消えます。また、highlightcallback および unhighlight コールバックにラベル描画コードを追加しようとしましたが、これは洗練されていないようです。また、必要に応じてキャンバスに詳細を追加したいと考えています。最もエレガントな方法でそれを行うにはどうすればよいですか?