問題タブ [highmaps]
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.
highcharts - 更新ポイント後の Highmap 再描画バグ (ズームを有効にした場合)
緯度/経度をサポートするこのハイマップ バージョン ( http://github.highcharts.com/latlon/highmaps.js ) を見つけてから、マップをズームしてマップのポイントを動的に更新しようとすると何が起こるかを示す例を作成しました。update()
一般的な問題は、マップ上のポイントがポイントのメソッドの後に (現在のズーム位置で) ドラッグ可能であることです。
私の例: http://jsfiddle.net/f97jkgz6/67/
map.redraw()
マップのズームが有効でデフォルト値以上の場合、機能が正しく動作しないと思います。
この問題の解決策を見つけるのを手伝ってください。
svg - Map プラグインで HighCharts を使用するとマップに色が表示されない
次の URL http://www.highcharts.com/studies/map-from-svg.htmでわかるように、SVG の Highmaps を使用してマップをレンダリングすると、色の範囲がマップ上で機能しなくなります。代わりに、すべての国/大陸は同じ色です。
古いバージョンのマップ プラグイン 'Map plugin v0.1 for Highcharts' をローカルで使用しているため、これが正しく機能していたことは確かです。ただし、Highcharts のバージョンと Map プラグインをアップグレードすると、期待どおりに機能しなくなります。
HighMaps の新しい API では、plotOptions.map.colorRange は存在しないようです。
dataClasses と min/max を使用して colorAxis も試しましたが、これも機能しません。実際、.js マップ ファイルの代わりに SVG を使用しているときにこれが機能する例を見つけることができません。
新しい HighMaps でこれを行う方法があれば、助けてください。
javascript - Highmaps/Highcharts setData が変化しない
ドロップダウン選択が行われたときにハイマップ上のデータを変更しようとしていますが、それを機能させることができないようです。私は間違ったことでそれを呼び出しているのではないかと思います(?) change() が呼び出されていることは知っていますが、データポイントは決してスワップしません。
});
javascript - Highmaps の特定のポイントにズームする方法
Highmaps / highcharts は、ブラウザーなどでマップをレンダリングする javascript/jquery アダプターです。
1 つの国が強調表示された地図がありますが、(世界の) 地図の縮尺は、地図が問題の国にロードされた後に拡大したいほどです。
APIを見ると、これが可能であると確信しています。
ロード時にカスタム関数を実行できるように、イベント リスナーがあります。この例で示されているように、ロード時にシリーズが追加されます ( Js fiddle )
さらにmapZoom
、次の引数を使用してズームするポイントを指定できるメソッドがあります。
mapZoom (Number howMuch, [Number centerX], [Number centerY], [Number mouseX], [Number mouseY])
しかし、このメソッド onload を呼び出そうとすると (以下の私のコード試行、ここでは JS フィドル)、何も起こりません。
highcharts - ハイマップでのポイントとドリルダウン データの表示
Highmaps を使用してヒート マップ データとマップ上のポイントの両方を表示するのに問題があります。次に例を示します。
これは、米国のドリル ダウン マップ ( http://www.highcharts.com/maps/demo/map-drilldown ) のすぐに使える例ですが、次の状態にドリル ダウンするとイリノイ マップに 1 つのポイント (シリーズ内) を追加しようとしています。
以下は、これを行うために使用しているスニペットです。
結果 (ブラウザのコンソールを開いた場合) は、次のようなエラーになります。
ハイチャート エラー #22: www.highcharts.com/errors/22
座標系の変換を試み、代わりに X & Y をプロットしました。
しかし、ポイントの変換に失敗し、X に対して 0 を返し、Y に対して null を返すため、それは機能しませんでした。マップ タイプを変更しようとしましたが、それも機能しません。
ドリルダウンせずにポイントだけのマップを作成できますが、同じ効果とポイントを持つドリルダウンで効果 (色) のようなヒート マップのレイヤーを取得できないようです。ポイントとドリルダウン/カラーリングセグメントに関する制限はどこにも記載されていません。
以前にこれを機能させることができた人はいますか?これらのマップレイヤーを一般的に考えているのですが、これは実行できませんか?
highcharts - 緯度と経度の値を持つポイントをハイチャートマップの座標に変換する方法は?
Highmap メタデータにはオプション 'hc-transform' がありますが、その使用方法を説明できますか?
ハイマップでデフォルトの中国地図地理データを使用しましたが、[緯度、経度] [121,23] などの新しいポイントを追加したいのですが、それを座標に変換する方法を知りたいです。
これが私がすることです。
「hc-transform」設定が間違っていますか? どのようにケースを作成すればよいですか。
jquery - JSON データを Highcharts ドリルダウン マップに動的にロードする
PHP を使用して、米国のメイン マップとドリル ダウン マップ用の JSON ファイルを生成します。次の例を使用して、両方のデータ ポイントをマップに組み込みたいと思います。
Highcharts フォーラムの誰かがこれを提案しました:
簡単なアイデアは、ドリルダウンを使用せず、シリーズを追加および削除することで回避策を開発することです。これらの呼び出しは ajax 呼び出しを使用できるため、データは非同期に含まれます。
次のコードを使用して、メイン マップ データを組み込むことができました。
main.js マイページで呼び出されるコード
メインマップデータのサンプル (states.json)
ドリルダウン項目を保持する 2 番目の JSON ファイルからのデータを含めることにバグがあります。形式は次のとおりです。
ドリルダウン データのサンプル (counties.json)
現在ダミーのランダム データに設定されている例で、次の行を調整する必要があると想定します。
46 ~ 51 行目
偽のデータの代わりにjsonデータを挿入する方法についてのアイデアはありますか?
jquery - ハイチャート/ハイマップ: ドリルダウンでバブルマップを表示
ハイチャートを使用して世界地図をバブルマップとして表示する必要があります。レベル 1 では、データに基づいて国に吹き出しが付いた世界地図を表示します。
ここにフィドルがあります:JSFiddle。
次に必要なのは、バブルのいずれかをクリックして国が選択された場合に、国のバブルマップを表示することです。これまで、ドリルダウン用の最初のシリーズで ID を渡すバブル レイヤーを読み込むことができました。ただし、マップをロードしてバブルを表示するための別のシリーズも表示する必要があります。同時に、任意の国に対してドリルダウンが呼び出されます。次のように、最初のシリーズのドリルダウンで複数の ID を渡そうとしました。
しかし、どこにも行きません。また、ドリルダウンでバブルマップを表示することは可能ですか?
どんな助けでも感謝します。ありがとう!!