問題タブ [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.

0 投票する
1 に答える
999 参照

javascript - Protovis ツリーマップ - ホバー オーバーでラベルを表示

作成したツリーマップがあります。今、私はホバーオーバーを適切に機能させようとしています。ユーザーがその特定の葉の上にカーソルを置いたときにのみ、各 treemap.leaf のテキストが表示されるようにします。

私はこの例に従おうとしましたが無駄でした http://mbostock.github.com/protovis/docs/interaction.html

私がこれまでに持っているコードは次のとおりです。

0 投票する
1 に答える
340 参照

gradient - Protovis 3.2 の折れ線グラフの下の領域をグラデーションで塗りつぶす

私のプロジェクトでは、Protovis 3.2 を使用して折れ線グラフをレンダリングしています。折れ線グラフの下の領域をグラデーションで塗りつぶしたい。Protovis で利用可能なカラー関数を試しましたが、うまくいきませんでした。この問題の簡単な解決策はありますか?

以下は、折れ線グラフに領域を追加する私のコードです

0 投票する
1 に答える
589 参照

javascript - ParentNode のラベル付け - Protovis Treemap

ツリーマップの親ノードにラベルを付けようとしていますが、これまでのところ、ツリーマップの個々のリーフにしかアクセスできませんでした。現在、親ノードの名前を出力していますが、現在のように個々の葉ではなく、親ノードを中心にしたいです。

0 投票する
1 に答える
68 参照

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はどこから渡されますか?連鎖の流れが理解できません。

0 投票する
1 に答える
2493 参照

javascript - d3.svg.area().interpolate("basis") に svg:circle を描画する

これは、領域を描画し、その上にポイントを描画するために使用しているJsFiddleのコードです。or に変更しても問題ありませんが、補間でポイントを適切に配置するにはどうすればよいですか? 例:ポイントを入れたいd3.svg.area()svg:circle.interpolate('basis').interpolate('cardinal')linearbasisnear match

0 投票する
1 に答える
302 参照

javascript - Protovis パネルを介してイベントを渡す

Web サイトのサンプルのようなパン/ズーム イベントに応答する Protovis グラフがありPanel、グラフを保持する を空のグラフでカバーしています。残念ながら、それは私の基になるグラフが通常応答するすべてのようなものをキャプチャしますEventsmouseovermouseout

これは、すべてのイベントを受け入れるように Panel を設定する必要があるためです。ドキュメントによると、これに有効なパラメーターは「all」、「paint」、および「none」のみです。

vis.add(pv.Panel) .events("all")

Panelズームがこれらのイベントをキャプチャしないようにするにはどうすればよいですか? または、どうすればそれらをそのPanel下に渡すことができますか?

0 投票する
2 に答える
2881 参照

javascript - ファイルに保存されたjsonをjs変数に代入する

私はプロジェクトに取り組んでいますが、これを行う方法を理解できませんでした。json ファイルがあり、それを js 変数に割り当てて、protovis 視覚化ツールを使用する必要があります。

Googleで検索してみましたが、見つかりませんでした。誰かがこれを行う方法を知っていたら教えてください。ありがとう!

0 投票する
3 に答える
465 参照

r - R で Protovis を使用する

R質問として、私は静的グラフに対して何ができ、何ができるかについて満足していggplot2ますが、対話型グラフはどうですか? R と Protovis をどのように組み合わせてグラフを作成しますか?

rwebvisというものがありますが、もうアクティブではないようです。

なにか提案を?ありがとう。

0 投票する
0 に答える
248 参照

javascript - Protovis でグループ化縦棒グラフを作成する方法

Protovis を使用してグラフを作成しようとしています。これは、グラフをどのように表示したいかのイメージです。 https://dl-web.dropbox.com/get/Public/revenue-graph.png?w=5fd1840d

これは、protovis サイトのコードに基づいて、どこまで到達したかです。 http://jsfiddle.net/psivadasan/RKTZL/

凡例とグラフのタイトルを追加する方法がわかりません。グラフは IE9 でもレンダリングされません。

どんな助けにも感謝します。

0 投票する
1 に答える
587 参照

google-maps - Google マップでの Protovis ネットワーク レイアウトの視覚化

現在、API を使用して、Google マップの上に Protovis で描画された点がたくさんあります。次のようになります: http://mbostock.github.com/protovis/ex/oakland.html

しかし、点だけが欲しいのではなく、点と点を結ぶ線でネットワークを示したいのです。nodesプロパティと pv.Dotおよびlinkspv.Line クラスを使用して、Google マップで Protovis Network Layout (pv.Layout.Network) を使用できると考えました。ノードはマップに表示されますが、リンクは表示されません。他の 2 人のユーザーが既に Protovis ディスカッション グループで同様の質問をしていますが、誰も答えていません。シンプルであるべきだと思われます。

私のコードは基本的に、上記のオークランドの犯罪発見の例と同じですが、コードの「視覚化をレンダリングする」部分を次のように変更しました。

これは、視覚化にネットワーク レイアウトを追加する部分です。ここでも、ノードは正常に動作していますが、リンクが表示されません。助けていただければ幸いです!

更新: ネットワーク レイアウトを使用する Protovis の Force-Directed Layout の例を次に示します: http://mbostock.github.com/protovis/ex/force.html。はい、私は Protovis が少し時代遅れであることを知っています。

私のデータがどのように見えるかの例を次に示します。