問題タブ [datamaps]

ダッシュボードを作成しようとしていて、ここから取得したコロプレス データマップを使用しました。

私の問題は、コンテナに収まるようにデータマップ グラフのサイズを変更しようとすると、適切にスケーリングされないことです。

マップをコンテナにスケーリングする方法

ここで私を助けてくれることを願っています

Bubbles マップに D3.js DataMaps を使用しています。私のマップの問題は、最大のバブルが他のすべてのバブルの上に積み上げられていることです。半径に基づいてこれらのバブルをソートするにはどうすればよいですか??

世界中のいくつかの地域を選択するために、Google Charts と同様の方法で Datamaps.js を使用したいと考えています。

まず、デフォルトの「setProjection」関数にアクセスしたいのですが、方法がわかりません。

次に、世界のいくつかの地域で投影を作成したいと思います。ただし、Datamaps Webで見たのはアフリカの例だけです。

どんな助けでも大歓迎です。

編集：

私が現在テストしているのは、このコードです。確かに改善される可能性がありますが、機能します：

私は現在メルカトルで作業しているので、重要なのはd3.geo プロジェクションを変更することでした。

米国のコロプレス マップの下に凡例を中央に配置しようとしています (作成したものと同様の一般的なマップの例)。私は JS や CSS にあまり詳しくありませんが、凡例のタグとそのデフォルト値を見つけられることを期待してdatamaps.all.min.js、ディレクトリにあるファイルを調べました。R-3.2.1\library\rMaps\libraries\datamaps\js私はこれを見つけました：

これを次のように変更し、header.htmlファイルに含めました。

.cssおそらくこれらの指示よりも優先される他のファイルがあるため、これらの変更は間違っているか、効果がないようです。現在、マップの関連部分は次のようになっています。

問題には、1) テキスト編集の不可解な太字とイタリック体の処理のように思われるものがあります: 私の ファイルでそれを修正し、.css 2) ただし"position: absolute"、グラフィックは下の表に流れます.

年ごとにわずかに変化するデータを表示するために、データマップのバブルを使用しています。

http://jsbin.com/goqeve/edit?html、出力

(下部の「1990」と「2000」のボタンの間をクリックしてください)

泡を に置き換えるとmap.bubbles([...])、既定のアニメーションでは、新しい泡が中心から成長するため、サイズの小さな変化がわかりにくくなります。サイズを交換するのではなく、サイズ間でバブルをスムーズに移行 (つまり、成長または縮小) させるにはどうすればよいですか?

指定されたペアの x と y のピクセル座標に基づいて世界地図から国を取得できる世界地図の視覚化を作成しています。

現時点では、データマップ ( http://datamaps.github.io/ ) を使用しています。しかし、指定された x または y ピクセル座標のペアに基づいて、特定の国名または ID を取得する方法が見つかりません。誰かが私を正しい方向に導くことができますか?

前もって感謝します。

私はデータマップmouseoverを使用しており、バブルのイベントをカスタマイズしました:

しかし、私は自分のことをしたいしpopupTemplate、バブル構造を定義したときにプロパティで設定されたテンプレートポップアップを表示したい:

どうすればこれを達成できますか？イベントリスナー内でポップアップを表示するにはどうすればよいですか? いくつかの要素に CSS クラスを追加したいのでmouseover、 とイベントを制御する必要があり、.mouseoutmouseovermouseout