問題タブ [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.
d3.js - マウスオーバーで境界線の幅を変更するD3データマップ
マップとチャートを組み合わせた視覚化を機能させようとしています。地図上で国をマウスオーバー/選択して、その国だけでなく、その国のデータを表すグラフの線にも効果を適用したいと考えています (過去 10 年間の人口増加としましょう)。 .
done
マップの初期化のセクションでは、コールバックを使用highlightMap
して countryName を渡します。理論的には、マウスオーバーするとチャートからも呼び出されます。
質問: 1)highlightMap
国要素を取得して境界線の幅を変更しようとしてもうまくいきません。マップ サブユニットを取得して効果を適用する正しい方法は何ですか? 2)これは一般的にこれを行う正しい方法ですか?
datamaps - マップをクリアして再描画する最良の方法
マップの範囲を動的に変更することは現在不可能であることを知っています。
だから代わりに私はしようとしています:
マップを作成する イベントが発生したら、マップを廃棄し、新しい投影法を含む新しい詳細で新しいマップを描画します。
問題は、古い地図を適切にスクラップできないことです。私はマップ変数を取り、svg プロパティで remove() を呼び出し、パフォーマンスのために「delete svg」を使用してから、オブジェクトを分解しようとしていました。次に、マップ変数を関数 A の結果に再割り当てします。ここで、関数 A は新しいマップを設定するだけです。
新しいマップを作成する関数:
破壊する機能:
}
次のようにマップを初期化basic
します
その後、マップを消去して (破棄関数)、再割り当てします。
表面的には、問題なく動作します。そして、パフォーマンスは大丈夫です。しかし、実際には正しく機能していません。たとえば、ズーム機能が機能しなくなりました。ズームボタンが押されると、マップ変数を探して、もう見つけることができません。新しいマップはボタンなどの新しいクリックハンドラーを作成するため、これは意味がありません。それはほとんど動作します。
しかし、これはうまくいきません。任意のヒント?ありがとう。
javascript - D3 Datamaps : 国をクリックすると、データに関連する追加の値を渡します
グラフの描画にマークのマップを使用しています。国名だけでなく、国に関連する追加の値を警告したい。onClick
ただし、関数内で利用できるのは geography オブジェクトのみです。次のような他のデータにアクセスするにはどうすればよいですか
'numberOfThings'
内部onClick
機能?
前もって感謝します。
javascript - DataMaps.js - ネットワーク天気図 (インバウンドおよびアウトバウンド アーク)
円弧と円のオプションを使用してデータマップを使用し、ネットワーク天気図を作成しようとしています。
私が直面している基本的な問題は、ネットワークにインバウンド接続とアウトバウンド接続があり、それらを別々のエンティティとして視覚化できるようにしたいということです。着信と発信のオーバーラップを避けるために、経度と緯度の単純なオフセット (それぞれ - .2) を実行して、パスを「オフセット」してみました。私が見ているのは、それらが互いに交差しているということです。
どうすればこれを行うことができるかについてのアイデアはありますか?
javascript - new Datamap() は、呼び出し間でメモリの共有状態を保持します
このコードでは次のようです。
2 番目の割り当ての後、map
結果の Datamap は と の混合Conf 1
ですConf 2
。これはどのように起こりますか?
これがライブデモです: https://jsfiddle.net/mztyLh66/7/