問題タブ [protovis]

JavaScriptライブラリを使用してSVG要素を追加および作成しようとしていますが、トラブルシューティングしたい共通のテーマに出くわしました。

たとえば、AJAXリクエストを作成し、緯度と経度の戻り値に基づいてマップ上にドットを生成しています（これは、Protovisでも発生していますが、Polymapsを使用しています）。一度実行すると正常に動作します。例として、これはサーバーから返されるものです

次に、これを変数に割り当て、ライブラリにレンダリングを処理させます。

リクエストを追加してドットを追加するインタラクティブ機能を組み込むと、ウィンドウのサイズを変更するかページの周りをクリックしない限り、Chromeに何も表示されません（ドットはあるようですが、更新する必要がありますか？）Firefoxではすべてがうまくいきます。

これはグローバル変数とローカル変数のスコープに関係しているのではないかと思いますが、その理由が理解できないようです。匿名の自己呼び出し関数を使用することについて誰かが言及したことがありますが、私は一般的に混乱しています。助けてもらえますか？

乾杯！

Protovis ブレット チャートのデフォルトの下限を 0 以外に変更する方法を探していました。それは不可能に思えますが、それについて何らかの確認を得たいと思っています。（または実際には、代わりに解決策が欲しいです。）

範囲の方向についても同じです。デフォルトでは、左から右に増加します。左から右にデクリメントします。繰り返しますが、それは不可能に思えますが、要点を見逃している可能性があります。

こんにちは私はプロトビスの使い方を学んでいますが、これまでのところうまくいっていますが、今は解決できないような問題に遭遇しました。

以下はコードです。（ヘッダーに最新のjqueryがロードされています）

Firefoxでこれを試してみると、次のアラートが表示されます。

私はすでにhttp://www.jsonlint.com/でJSONを検証しました。したがって、問題は他の場所にあるはずです。

誰もがここで何が起こっているのか知っていますか？

編集

同じデータをprotoviewerアプリ（http://www.rioleo.org/protoviewer/ ）にロードしてみましたが、 機能します。したがって、それはコードでなければなりません。

これは Protovis の新参者にとっては非常に困難なプロジェクトですが、消化しやすいチャンクに分割するのを手伝ってもらえませんか?

ここでスケッチしたように、私が構築したいのは「インタラクティブな面グラフ」です。

まず第一に、それはデータです...私はExcelで州のデータを持っています:

州と年ごとに、面グラフを描画できるようにしたいと思います。

次に、2 種類のインタラクティブ機能を追加したいと思います。

1. 州の選択
2. タイム スライダー

選択チェックボックスとタイム スライダーを組み合わせて、特定の時間に表示される領域を決定します。たとえば、A 州が選択され、年が 1984 の場合、その地域のみが表示されます。タイム スライダーをドラッグすると、州 A の対応する年が表示されます。別の州をオンにすると、エリアがオーバーレイされ、タイム スライダーが移動すると両方のエリアが再描画されます。

プロトビスの質問:

1. このアプリケーションのデータ (州、年、x、y) をフォーマットするにはどうすればよいですか?
2. チェックボックスをエリアにバインドするにはどうすればよいですか?
3. タイム スライダーを実装するにはどうすればよいですか? Protovis 内で、またはグラフの再レンダリングをトリガーするリスナーを備えた外部コンポーネントのように?

IDが「chart」のdivタグがありますが、Protovisにそのタグ内のグラフをレンダリングさせるにはどうすればよいですか？

キャンバス方式を試しましたが、うまくいきませんでした。

作業中のフレームワークの一部としてJSコードをグラフに保持する必要があり、HTML本文内にスクリプトタグを含めることはできません。

次のコードを使用する場合。

エラーが発生します。

未定義のメソッド「インスタンス」を呼び出せません

を指しpvBar.fillStyle()ます。これを使用して、後で使用するためにバーの fillStyle を取得したいと考えています。このエラーの理由と解決方法を誰か教えてもらえますか?

Protovis を使用してビジュアライゼーションを作成したいのですが、JavaScript ではなく CoffeeScript で記述します (一部は(x)->x関数表記ですが、他の理由もあります) 。

これは可能ですか？どの<script>タグを使用しますか? また、必要なスクリプト タグの特別な順序はありますか?

ありがとう。

編集:可能であれば、手動のコンパイル手順を避けたいです。

Tornado Web サーバーを使用して単純な Python Web アプリケーションを作成しようとしていますが、必要な JavaScript ライブラリの使用に問題があります。Protovis JavaScript プロット ライブラリを使用したかったので、次の「Hello World」コード スニペットを template.html に追加しました。

ただし、Web サーバーを実行してページにアクセスしようとすると、コンソールに次のエラーが表示されます。

protovis.js ファイルは server.py ファイルと同じディレクトリにあり、すべての権限が正しく設定されています。src および JavaScript ファイルを実行しようとすると同じエラーが発生するため、protovis.js ファイルに問題はなく、Tornado サーバーのルーティングに問題があることがわかります。

この JavaScript コードを適切に src する方法を知っている人はいますか?

ASP.NET アプリケーション用のチャート ライブラリを選択しようとしています。

stackoverflowでも使用されているflotに注目しました。ここでflotの例に行くと： http://people.iola.dk/olau/flot/examples/

彼らは素晴らしく見えます。しかし、IE9 ではありません。IE9 では何も表示されません。IE9 を IE8 または IE7 モードにすると動作します。ここでSOのユーザーページに行くと

https://stackoverflow.com/users/22656/jon-skeet?tab=評判

IE9でも動作します。私は何が欠けていますか？秘密の SupportIE9=true スイッチはありますか?

代わりにプロトビスを見てみました。 http://vis.stanford.edu/protovis/ex/

これは IE9 では見栄えがしますが、ブラウザーを IE7 または IE8 にすると、また憂鬱になります。

ヒント？これらを機能させる方法、またはクロスIEバージョンで機能する代替手段は? Firefox は対象外です。すべてのライブラリで動作します:)

プロトビスを使用して視覚化するWebページにソーシャルネットワークデータを動的にロードしています（実際には、データは2パスプロセスでロードされます-最初にユーザー名のリストがTwitterから取得され、次にソーシャルのリストが取得されます接続はGoogleSocialAPIから取得されます。）protovisコードはイベントループ内で実行されているようです。つまり、データ読み込みコードはこのループの外にある必要があります。

protovisイベントループを「スイッチオン」する前に、データをページにロードして解析するにはどうすればよいですか？現時点では、protovisがまだロードおよび解析されていないネットワークデータを視覚化しようとする競合状態があると思いますか？