問題タブ [protovis]
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.
javascript - Protovis ツリーマップ - ホバー オーバーでラベルを表示
作成したツリーマップがあります。今、私はホバーオーバーを適切に機能させようとしています。ユーザーがその特定の葉の上にカーソルを置いたときにのみ、各 treemap.leaf のテキストが表示されるようにします。
私はこの例に従おうとしましたが無駄でした http://mbostock.github.com/protovis/docs/interaction.html
私がこれまでに持っているコードは次のとおりです。
gradient - Protovis 3.2 の折れ線グラフの下の領域をグラデーションで塗りつぶす
私のプロジェクトでは、Protovis 3.2 を使用して折れ線グラフをレンダリングしています。折れ線グラフの下の領域をグラデーションで塗りつぶしたい。Protovis で利用可能なカラー関数を試しましたが、うまくいきませんでした。この問題の簡単な解決策はありますか?
以下は、折れ線グラフに領域を追加する私のコードです
javascript - ParentNode のラベル付け - Protovis Treemap
ツリーマップの親ノードにラベルを付けようとしていますが、これまでのところ、ツリーマップの個々のリーフにしかアクセスできませんでした。現在、親ノードの名前を出力していますが、現在のように個々の葉ではなく、親ノードを中心にしたいです。
scope - プロトビスの魔法の特性
私はprotovisにかなり慣れていません。http://mbostock.github.com/protovis/docs/panel.htmlの例を理解しようとしていましたが、left(function() this.index * 10)
実際には理解できleft(function(){return this.index * 10;})
、関数が呼び出されるとスコープが渡され、this
今までは問題ありませんでした。しかしdata(function(array) array)
、から配列を取得しませんthis
。むしろそれに渡されます。これarray
はどこから渡されますか?連鎖の流れが理解できません。
javascript - d3.svg.area().interpolate("basis") に svg:circle を描画する
これは、領域を描画し、その上にポイントを描画するために使用しているJsFiddleのコードです。or に変更しても問題ありませんが、補間でポイントを適切に配置するにはどうすればよいですか? 例:ポイントを入れたいd3.svg.area()
svg:circle
.interpolate('basis')
.interpolate('cardinal')
linear
basis
near match
javascript - Protovis パネルを介してイベントを渡す
Web サイトのサンプルのようなパン/ズーム イベントに応答する Protovis グラフがありPanel
、グラフを保持する を空のグラフでカバーしています。残念ながら、それは私の基になるグラフが通常応答するすべてのようなものをキャプチャしますEvents
。mouseover
mouseout
これは、すべてのイベントを受け入れるように Panel を設定する必要があるためです。ドキュメントによると、これに有効なパラメーターは「all」、「paint」、および「none」のみです。
vis.add(pv.Panel) .events("all")
Panel
ズームがこれらのイベントをキャプチャしないようにするにはどうすればよいですか? または、どうすればそれらをそのPanel
下に渡すことができますか?
javascript - ファイルに保存されたjsonをjs変数に代入する
私はプロジェクトに取り組んでいますが、これを行う方法を理解できませんでした。json ファイルがあり、それを js 変数に割り当てて、protovis 視覚化ツールを使用する必要があります。
Googleで検索してみましたが、見つかりませんでした。誰かがこれを行う方法を知っていたら教えてください。ありがとう!
r - R で Protovis を使用する
R
質問として、私は静的グラフに対して何ができ、何ができるかについて満足していggplot2
ますが、対話型グラフはどうですか? R と Protovis をどのように組み合わせてグラフを作成しますか?
rwebvisというものがありますが、もうアクティブではないようです。
なにか提案を?ありがとう。
javascript - Protovis でグループ化縦棒グラフを作成する方法
Protovis を使用してグラフを作成しようとしています。これは、グラフをどのように表示したいかのイメージです。 https://dl-web.dropbox.com/get/Public/revenue-graph.png?w=5fd1840d
これは、protovis サイトのコードに基づいて、どこまで到達したかです。 http://jsfiddle.net/psivadasan/RKTZL/
凡例とグラフのタイトルを追加する方法がわかりません。グラフは IE9 でもレンダリングされません。
どんな助けにも感謝します。
google-maps - Google マップでの Protovis ネットワーク レイアウトの視覚化
現在、API を使用して、Google マップの上に Protovis で描画された点がたくさんあります。次のようになります: http://mbostock.github.com/protovis/ex/oakland.html
しかし、点だけが欲しいのではなく、点と点を結ぶ線でネットワークを示したいのです。nodes
プロパティと pv.Dotおよびlinks
pv.Line クラスを使用して、Google マップで Protovis Network Layout (pv.Layout.Network) を使用できると考えました。ノードはマップに表示されますが、リンクは表示されません。他の 2 人のユーザーが既に Protovis ディスカッション グループで同様の質問をしていますが、誰も答えていません。シンプルであるべきだと思われます。
私のコードは基本的に、上記のオークランドの犯罪発見の例と同じですが、コードの「視覚化をレンダリングする」部分を次のように変更しました。
これは、視覚化にネットワーク レイアウトを追加する部分です。ここでも、ノードは正常に動作していますが、リンクが表示されません。助けていただければ幸いです!
更新: ネットワーク レイアウトを使用する Protovis の Force-Directed Layout の例を次に示します: http://mbostock.github.com/protovis/ex/force.html。はい、私は Protovis が少し時代遅れであることを知っています。
私のデータがどのように見えるかの例を次に示します。