3

Flash の代わりに jVectorMap を使用するようにアプリケーションを更新しています。一部のマップでは、国を異なる色にする必要があります。これは非常に簡単に作成できます。

<div id="world-map-color" style="width: 900px; height: 600px;"></div>
<script>
    var myData = {
                  "AF": 36.63,
                  "RU": 11.58,
                  "US": 158.97
                 };

    $('#world-map-color').vectorMap({
        backgroundColor: "#FFFFFF",
        regionStyle: {
            initial: { fill: "#7C96A1" },
            hover: { fill: "#A0D1DC" }
        },
        series: {
            regions: [{
                values: myData,
                scale: ['#B0ADF7', '#0D0885'],
                normalizeFunction: 'polynomial'
            }]
        }
    });
</script>

結果のマップ:

カラーマップ

ただし、色のスケールを示すために、何らかの凡例/キーを追加したいと思います。次のようなもの：

凡例の例

さらに、その例の凡例 (Flash から) により、ユーザーは上部の矢印を使用して色のスケーリングを変更できました。なので、それもできればいいですね。

これらの一部が可能かどうかは誰にもわかりますか?

4

1 に答える 1

3

達成するために必要な最も基本的なことは、カラフルなスケールの生成です。それについては、私が最近回答した同様の質問を参照してください。

于 2012-10-31T23:04:41.687 に答える