問題タブ [datamaps]

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 に答える
1854 参照

d3.js - マウスオーバーで境界線の幅を変更するD3データマップ

マップとチャートを組み合わせた視覚化を機能させようとしています。地図上で国をマウスオーバー/選択して、その国だけでなく、その国のデータを表すグラフの線にも効果を適用したいと考えています (過去 10 年間の人口増加としましょう)。 .

doneマップの初期化のセクションでは、コールバックを使用highlightMapして countryName を渡します。理論的には、マウスオーバーするとチャートからも呼び出されます。

質問: 1)highlightMap国要素を取得して境界線の幅を変更しようとしてもうまくいきません。マップ サブユニットを取得して効果を適用する正しい方法は何ですか? 2)これは一般的にこれを行う正しい方法ですか?

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

datamaps - マップをクリアして再描画する最良の方法

マップの範囲を動的に変更することは現在不可能であることを知っています。

だから代わりに私はしようとしています:

マップを作成する イベントが発生したら、マップを廃棄し、新しい投影法を含む新しい詳細で新しいマップを描画します。

問題は、古い地図を適切にスクラップできないことです。私はマップ変数を取り、svg プロパティで remove() を呼び出し、パフォーマンスのために「delete svg」を使用してから、オブジェクトを分解しようとしていました。次に、マップ変数を関数 A の結果に再割り当てします。ここで、関数 A は新しいマップを設定するだけです。

新しいマップを作成する関数:

破壊する機能:

}

次のようにマップを初期化basicします

その後、マップを消去して (破棄関数)、再割り当てします。

表面的には、問題なく動作します。そして、パフォーマンスは大丈夫です。しかし、実際には正しく機能していません。たとえば、ズーム機能が機能しなくなりました。ズームボタンが押されると、マップ変数を探して、もう見つけることができません。新しいマップはボタンなどの新しいクリックハンドラーを作成するため、これは意味がありません。それはほとんど動作します。

しかし、これはうまくいきません。任意のヒント?ありがとう。

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

javascript - D3 Datamaps : 国をクリックすると、データに関連する追加の値を渡します

グラフの描画にマークのマップを使用しています。国名だけでなく、国に関連する追加の値を警告したい。onClickただし、関数内で利用できるのは geography オブジェクトのみです。次のような他のデータにアクセスするにはどうすればよいですか

'numberOfThings'

内部onClick機能?

前もって感謝します。

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

javascript - DataMaps.js - ネットワーク天気図 (インバウンドおよびアウトバウンド アーク)

円弧と円のオプションを使用してデータマップを使用し、ネットワーク天気図を作成しようとしています。

私が直面している基本的な問題は、ネットワークにインバウンド接続とアウトバウンド接続があり、それらを別々のエンティティとして視覚化できるようにしたいということです。着信と発信のオーバーラップを避けるために、経度と緯度の単純なオフセット (それぞれ - .2) を実行して、パスを「オフセット」してみました。私が見ているのは、それらが互いに交差しているということです。

どうすればこれを行うことができるかについてのアイデアはありますか?

現在の地図画像

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

javascript - new Datamap() は、呼び出し間でメモリの共有状態を保持します

このコードでは次のようです。

2 番目の割り当ての後、map結果の Datamap は と の混合Conf 1ですConf 2。これはどのように起こりますか?

これがライブデモです: https://jsfiddle.net/mztyLh66/7/