1

最新の Jvectormap (1.2.2) を使用していますが、すべての国の色を設定する例が見つかりません。以前のバージョンでは単に「color:」だったと思いますが、現在は廃止されていますか?

以下のコードは機能しますが、色の部分は機能しません。私は自分のサイトで白い背景を使用しているので、すべての国をデフォルトで異なる色にしたいと考えています。

 <script>
  $(function(){
        $('#world-map').vectorMap({
    map: 'world_mill_en',
    color: '#000000',
        backgroundColor: '#ffffff',
        series: {
       regions: [{
            values: {
                IN:'#33250B',
                US:'#003366'
        }
       }]
         }
     })
  });
 </script>
4

3 に答える 3

3

私はあなたが何を意味するのかよくわかりませんが、使用できるすべての国の色を設定するには:

var regionStyling = {initial: {fill: '#128da7'},hover: {fill: "#A0D1DC"}};

jQuery('#world-map').vectorMap({
    map: 'world_mill_en',
    normalizeFunction: 'polynomial',
    regionStyle:regionStyling,
    backgroundColor: '#383f47',
    series: {regions: [{values: {},attribute: 'fill'}]}
});

これは私にとってはうまくいきます。また、国ごとに指定したい場合にも使用できます：

 jQuery('#world-map').vectorMap({
    map: 'world_mill_en',
    normalizeFunction: 'polynomial',
    backgroundColor: '#383f47',
    series: {regions: [{values: {"US" : "#000"},attribute: 'fill'}]}
});
于 2013-04-25T10:47:38.413 に答える
1

jVectorMap の 1.xx ブランチでは、regionStyle構成パラメーターを使用して目的の機能を実現できます。詳細については、こちらのドキュメントを参照してください。

于 2013-02-20T15:35:10.573 に答える
0

すべての領域の既定の色を設定するには、 を設定しますregionStyle.default.fill。

その変更を加えたコードは次のとおりです。

<script>
    $(function(){
        $('#world-map').vectorMap({
            map: 'world_mill_en',
            regionStyle: { initial: { fill: '#000000' } },  //Changed this line
            backgroundColor: '#ffffff',
            series: {
                regions: [{
                    values: {
                        IN:'#33250B',
                        US:'#003366'
                    }
                }]
            }
        })
    });
</script>
于 2014-09-22T18:20:09.583 に答える