Проблема с цветом Jvectormap 1.2.2

Я использую последнюю версию 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>

colors jquery map country jvectormap
person Dan James Palmer    schedule 19.02.2013    source источник

Ответы (3)


arrow_upward
3
arrow_downward

я не уверен, что вы имеете в виду, но чтобы установить все цвета стран, которые вы могли бы использовать:

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'}]}
});
person Community    schedule 25.04.2013

arrow_upward
1
arrow_downward

В ветке jVectorMap 1.x.x желаемая функциональность может быть достигнута с помощью параметра конфигурации regionStyle. Подробнее см. в документации здесь.

person bjornd    schedule 20.02.2013

arrow_upward
0
arrow_downward

Чтобы установить цвет по умолчанию для всех регионов, установите 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>
person ShadSterling    schedule 22.09.2014