このツリーマップの例を localhost で実行しようとしていますが、JSON ファイルを読み込めません (ちなみに、例で使用しているのと同じ JSON ファイルです)。
コンソールは、Google Chrome で次のエラーを返します。
XMLHttpRequest cannot load file:///C:/Users/Usuario/Downloads/d3/flare.json. Cross origin requests are only supported for HTTP.
JSON ファイルは、html ファイルと同じフォルダーにあります。
よろしくお願いします。
セキュリティ ポリシーにより、ローカル ファイルを読み込めません。D3 Web サイトを引用するには:
ローカルで開発する場合、ブラウザがローカル ファイル システムからファイルを読み取るための厳密な権限を強制する場合があることに注意してください。d3.xhr をローカルで使用する場合 (d3.json などを含む)、ローカル Web サーバーが必要です。たとえば、Python の組み込みサーバーを実行できます。
python -m SimpleHTTPServer 8888 &
またはPython 3+の場合
python -m http.server 8888 &
これが実行されたら、 に進み
http://127.0.0.1:8888/ます。
xampp または wamp で d3.js を使用している場合、サーバーを起動することにより、html ファイルを php ファイルのように実行できます。
同じ問題を見つけた後、wampp サーバーを起動すると、「XmlHttpRequest Access control allow orgin」のような問題が発生することなく、ファイルが正常に読み込まれました。
私はWAMPで働いています。XAMPPでも同じことを願っていますが、よくわかりません...