Conseils & Astuces ArcGIS Online - N°166

//On indique les attributs nécessaires à notre expression Arcade
Expects($feature,"*")

// On définit un tableau avec les intitulés des catégories
var array_labels=['Services de santé', 'Action sociale', 'Commerce','Enseignement 1er degrés', 
                  'Enseignement 2nd degrés', 'Enseignement supérieur','Médical et Paramédical', 
                  'Services aux particuliers', 'Sport, Loisir et Culture', 'Tourisme et transport']
// On définit un tableau avec les noms de attributs de chaque catégorie
var array_fields=["Services_de_santé","Action_sociale","Commerce","Enseignement_du_1er_degré",
                  "Enseignement_du_2nd_degré","Enseignement_supérieur__formati","Fonctions_médicales_et_paramédi",
                  "Services_aux_particuliers","Sport__loisir_et_culture","Tourisme_et_transports"]
// On définit les couleurs de représentation des catégories
var array_colors=['rgba(255, 99, 132, 0.7)',
                  'rgba(255, 159, 64, 0.7)',
                  'rgba(154, 162, 235, 0.7)',
                  'rgba(55, 205, 86, 0.7)',
                  'rgba(54, 162, 235, 0.7)',
                  'rgba(255, 255, 32, 0.7)',
                  'rgba(155, 23, 64, 0.7)',
                  'rgba(75, 192, 192, 0.7)',
                  'rgba(75, 12, 192, 0.7)',
                  'rgba(255, 20, 86, 0.7)',
                ]

// On instancie un tableau pour stocker les valeurs de consommation
// puis on boucle sur les différents attributs pour récupérer les valeurs
var array_data=[]
for (var i in array_fields){
  Push(array_data,Round($feature[array_fields[i]]))
}

// On définit les paramètres du diagramme circulaire qui sera généré par l'API QuickChart
// On s'est basé sur le modèle de diagramme suivant : https://tinyurl.com/u8bc8vxe
var param_chart = {
  type: 'polarArea',
  data: {
    datasets: [
      {
        data: array_data,
        backgroundColor: array_colors,
        label: 'Equipements',
      },
    ],
    labels: array_labels,
  },
  options: {
    legend: {
      position: 'right',
    },
    title: {
      display: true,
      text: 'Répartition des équipements\n',
      fontSize: 17,
    },
  },
}

// On encode la partie paramètres pour en faire une URL correctement formatée
var param_url = UrlEncode(Text(param_chart))

// On construit l'URL complète permettant de générer l'image du diagramme polaire
var url = "https://quickchart.io/chart?c=" + param_url

// Enfin, on renvoie la chaîne HTML complète
return { 
  type : 'text', 
  text : `<img src='${url}' />`
}