問題タブ [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.
javascript - DataMaps / 識別子によるアークの非表示
DataMapsを使用して世界地図を作成しました。
私の目的は、いくつかの API データに基づいて、マップ上でアークを非同期的に表示および非表示にすることです。
私はすでに何を試しましたか
API5 秒ごと
に呼び出して、応答データをマップにプッシュします。(これは将来的に非同期呼び出しに置き換えられます)
以下の私の例では、は私の応答arcData arrayを表しています。API
経由でアークにアクセスできますDOM manipulation。私の場合、d3.selectAll('path.datamaps-arc').transition().duration(3500).style("opacity", 0);すべてのアークをゆっくりとフェードアウトさせ、後でそれらを削除するために使用しています。
このソリューションは基本的に機能しますが、次の点に注意してください。
私の問題
すべての円弧が同時に非表示になります。今後APIを非同期で呼び出すと、アークが現在描画されているときに競合が発生し、その間に削除プロセスがトリガーされます。
私が欲しいもの
いくつかの識別子ですべてのアークにアクセスし、完全に描画された後に個別に削除できるソリューション。
javascript - データマップの地図を世界地図の画像に変更するにはどうすればよいですか?
データマップのマップを svg 画像に変更したい。後で必要に応じて別のマップに変更できるようにします。それを行うことは可能ですか、それともデータマップのコードを変更してマップを別のマップに変更する必要がありますか? または、世界地図で国の一部を非表示にする方法はありますか?