Conseils & Astuces ArcGIS Online - N°164

// On précise les attributs dont on va avoir besoin
Expects($feature, ["Volume"])

// Il nous faut deux tableaux, array_data pour les valeurs de volume
// et array_colors pour les ouleurs du diagramme circulaire
var array_data  = []
var array_colors = []

// On boucle sur chaque entité de la couche des retenues, en la triant par
// ordre croissant sur l'attribut "Volume"
for (var f in OrderBy($layer,"Volume ASC")){
  // On ajoute le volume du barrage stocké en milliers de m3 mais on va l'afficher
  // en millions, on le divise donc par 1000
  Push(array_data,f.Volume/1000)
  // Si l'entité de la boucle est l'entité de la fenêtre contextuelle
  // alors on l'affichera en bleu, sionon en gris
  Push(array_colors,IIf(f.Nom==$feature.Nom, '#458ec0', '#EEEEEE'))
}

// On construit les paramètres d'un diagramme avec l'API QuickChart sur la base de 
// modèle de diagramme circulaire https://bit.ly/3RcNegG
var url_params = {
  type: 'doughnut',
  data: {
    datasets: [
      {
        data: array_data,
        borderColor: '#000000',
        borderWidth: 0.5,
        backgroundColor: array_colors,
        label: 'Volumes',
      },
    ],
  },
  options: {
    cutoutPercentage: 30,
    title: {
      display: true,
      fontFamily: 'Arial',
      fontSize: 17,
      text: 'Volumes (en millions de m³) des retenues hydroélectriques en Corrèze',
    },
    plugins: {
      datalabels: {
        display: true,
      },
    },
  },
}

// On construit l'URL complète pour l'appel à l'API QuickChart
var url_chart = "https://quickchart.io/chart?width=500&height=300&c=" + UrlEncode(Text(url_params))

// On construit la chaine HTML que l'on veut renvoyer
return { 
  type : 'text', 
  text : `<img src='${url_chart}'/>`
}