5

それで、

カスタム jVectorMap があり、jVectorMap API からこのコードを使用して領域の色を変更することに成功しました。

regionStyle: {
      initial: {
      fill: '#5e7073',
      "fill-opacity": 1,
      stroke: 'none',
      "stroke-width": 0,
      "stroke-opacity": 1
      },
      hover: {
      fill: 'black'
      },

しかし、マップの各領域の塗りつぶし/ホバー プロパティを個別に制御しようとしています。誰かがこれを行ったことがありますか、それを達成する方法を考えていますか? jVectorMap API を調べましたが、役に立ちませんでした。

マルカ

4

2 に答える 2

14

まず、変更する地域のコードを知る必要があります。これらは、使用しているマップ ファイルから取得します。以下の例は、USA マップ用です。

塗りつぶしを変更するには、マップを作成するときに地域をカスタマイズできます。

regionStyle: {
    //...
},
series: {
    regions: [{
        values: {
            'US-CA': '#3e9d01',
            'US-WA': '#4b93c1',
            'US-TX': '#c1a14b'
        },
        attribute: 'fill'
    }]
}

または、その場でカスタマイズすることもできます (上記の「values」パラメーターは必要ありません)。

$(function(){
    var map = $('#map').vectorMap('get', 'mapObject');
    map.series.regions[0].setValues({
        'US-CA': '#3e9d01'
    });
});
于 2013-04-05T12:37:47.110 に答える