[Javascript] couleurs de la région jvectormap



Answers

Le code ci-dessous a été modifié pour corriger les erreurs de syntaxe dans votre code affiché.

jQuery('#mapDiv').vectorMap({
    map: 'au_merc_en',
    backgroundColor: 'none',
    colors:{
        "AU-SA": '#4E7387',
        "AU-WA":'#333333',
        "AU-VIC":'#89AFBF',
        "AU-TAS":'#817F8E',
        "AU-QLD":'#344B5E',
        "AU-NSW":'#344B5E',
        "AU-ACT":'#344B5E',
        "AU-NT":'#344B5E'

    },
    series: {
      regions: 
      [{
        attribute: 'fill'
      }]
    }
});

Les traits d'union non liés (antonyme le plus proche de l'encapsulation que je peux rassembler) dans les clés d'objet provoquent une erreur de syntaxe. L'erreur elle-même est pour un label invalide.

Question

Im en utilisant le plugin jvectormap , et j'essaie de définir les couleurs de chacune des régions sur la carte. Cependant, après avoir appliqué le code ci-dessous, la carte est affichée mais aucune couleur n'est appliquée. Il montre juste la carte en blanc.

J'ai lu plusieurs exemples et questions sur ce sujet, mais je n'arrive pas à le faire fonctionner pour moi.

Exemple 1 de définition de couleurs aléatoires sur une carte.

Documentation

Question similaire à la mienne, mais cela ne résout pas mon problème.

jQuery('#mapDiv').vectorMap({
    map: 'au_merc_en',
    backgroundColor: 'none',
    colors: {
        AU-SA: '#4E7387',
        AU-WA:'#333333',
        AU-VIC:'#89AFBF',
        AU-TAS:'#817F8E',
        AU-QLD:'#344B5E',
        AU-NSW:'#344B5E',
        AU-ACT:'#344B5E',
        AU-NT:'#344B5E'

    },
    series: {
      regions: 
      [{
        attribute: 'fill'
      }]
    }
});

Quelqu'un peut-il voir le problème?