Une fois votre site configuré et les données ajoutées, vous pouvez concevoir la mise en page de la page d'accueil et personnaliser l'en-tête et le pied de page. Toutes ces opérations peuvent s'effectuer sous l'onglet Editeur de site. Cet onglet vous permet de concevoir votre site à l'aide de l'éditeur fourni, de texte ou d’un code HTML personnalisé.
Aperçu
L'éditeur de site est un éditeur de page complet qui offre un modèle de site modifiable que vous pouvez adapter à votre marque et vos données, ou que vous pouvez supprimer complètement pour recommencer de zéro. Passez la souris sur les éléments de la page pour déplacer, redimensionner, modifier ou supprimer des éléments, ou cliquez sur l'icône représentant un engrenage en haut à gauche pour ouvrir le panneau latéral de l'éditeur du site.
Paramètres d'en-tête
L'en-tête du site peut être construit de deux manières : avec une URL pour le logo et un titre pour le site (mode simplifié), ou en HTML avec un CSS personnalisé (mode avancé).
- Sélectionnez Use logo and site title (Utiliser le logo et le titre du site).
- Entrez votre titre dans Site Title (Titre du site).
- Entrez votre image dans Logo URL (URL du logo). Les images seront mises à l'échelle pour correspondre à une hauteur de 50 pixels.
- Sélectionnez Use custom HTML/CSS (Utiliser un code HTML/CSS personnalisé).
Un en-tête par défaut s'affiche sur la page et une fenêtre CSS apparaît dans le panneau latéral.
- Pour modifier le HTML, cliquez sur l'icône représentant un engrenage en haut à droite de l'en-tête.
- Cliquez encore sur l'icône représentant un engrenage pour voir vos changements.
- Modifiez la fenêtre CSS dans le panneau latéral et cliquez sur Apply Changes (Appliquer les changements)pour visualiser les effets sur votre HTML.
Attention :
L'en-tête HTML ne prend pas en charge le JavaScript intégré. Les balises de script sont ignorées.
Remarque :
Les zones My Data (Mes données) et Sign In (Connexion) ne peuvent être ni modifiées ni supprimées pour conserver le bon fonctionnement du site.
Générateur de thème
Déterminez le thème de votre site avec les options de couleurs suivantes :
- Couleur d'arrière plan de l'en-tête : ceci affecte l'en-tête.
- Couleur du texte d'en-tête : ceci affecte le texte de l'en-tête.
- Couleur d'arrière-plan du corps : ceci affecte la couleur des lignes transparentes de la page d'accueil et la couleur d'arrière-plan de la page des résultats de la recherche et des pages du jeu de données.
- Couleur du texte dans le corps : ceci affecte la couleur du texte ordinaire à travers tout le site.
- Couleur des liens dans le corps : ceci affecte les liens et les boutons de couleur à travers tout le site et l'apparence des liens de l'en-tête quand le curseur de la souris passe dessus.
Astuce:
La couleur du texte peut aussi être modifiée par ligne.
Générateur de mise en page
La mise en page de base de la page est organisée en lignes et widgets. Un widget doit être placé dans une ligne. Le nombre de widgets qui peuvent être placés dans une ligne est illimité. Pour modifier une fiche, cliquez sur l'icône représentant un engrenage. Pour effacer une fiche, cliquez sur l'icône de la corbeille.
Ligne
Utilisez les lignes pour construire la mise en page générale et insérer les widgets.
- Faites glisser une ligne du panneau latéral vers la page.
La page offre des repères pour vous guider.
- Passez le curseur sur la ligne, et trois icônes apparaissent à droite : des flèches pour déplacer la ligne dans la page, une icône représentant un engrenage pour la modifier, et une croix pour l'effacer.
- Cliquez sur l'icône de l'engrenage pour passer en mode éditeur.
- Définissez la couleur du texte pour cette ligne.
- Définissez soit une couleur soit une image d'arrière-plan (par défaut transparent).
- Cliquez sur Back to Site Editor (Retour à l'éditeur de site) pour revenir au panneau latéral principal.
Fiche de la bannière
Utilisez des bannières pour les titres et les barres de recherche dans le site.
- Faites glisser un widget de banner (bannière) sur une ligne existante.
- Placez le pointeur de la souris sur le widget, puis cliquez sur l'icône de l'engrenage pour passer en mode Mise à jour.
- Vous pouvez aussi saisir un titre et un sous-titre.
- Une URL d'image en arrière plan définie à la hauteur minimale peut aussi être ajoutée.
- Cochez Show Searchbar (Afficher la barre de recherche) pour ajouter une barre de rechercher à ce widget de bannière.
- Cochez Add Ability to Search by Location (Ajouter la possibilité de rechercher par lieu) pour ajouter une deuxième option de recherche qui permette aux utilisateurs de filtrer les résultats par lieu.
- Un espace de texte réservé peut aussi être affiché dans les barres de recherche.
- Cliquez sur Back to Site Editor (Retour à l'éditeur de site) pour revenir au panneau latéral principal.
Fiche de l'image
Vous pouvez utiliser les images stockées dans votre mise en page.
- Faites glisser un widget image sur une ligne existante.
- Placez le pointeur de la souris sur le widget, puis cliquez sur l'icône de l'engrenage pour passer en mode Mise à jour.
- Indiquez une URL pour l'image.
- Affichez aussi l'image du mot symbole pour aider les utilisateurs non-voyants et améliorer l'accessibilité de votre site.
- Vous pouvez aussi donner une légende à l'image.
- Vous avez également la possibilité de fournir un hyperlien d’image qui s’ouvre soit dans le Same Tab (Même onglet) soit dans un New Tab (Nouvel onglet).
- Cliquez sur Back to Site Editor (Retour à l'éditeur de site) pour revenir au panneau latéral principal.
Fiche de texte
Ajoutez du texte (texte et HTML) à votre mise en page.
- Faites glisser un widget text (texte) sur une ligne existante.
- Placez le pointeur de la souris sur le widget, puis cliquez sur l'icône de l'engrenage pour passer en mode Mise à jour.
- Saisissez le texte ou le code HTML dans le widget de texte libre.
- Cliquez sur l'icône représentant un engrenage pour voir le texte.
Attention :
Pour des raisons de sécurité, les widgets de texte libre ne prennent pas en charge le JavaScript intégré. Les balises de script sont ignorées.
Les éléments HTML autorisés sont les suivants :
'a', 'b', 'blockquote', 'br', 'caption', 'cite', 'code', 'col',
'colgroup', 'dd', 'dl', 'dt', 'em', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6',
'i', 'img', 'li', 'ol', 'p', 'pre', 'q', 'small', 'strike', 'strong',
'sub', 'sup', 'table', 'tbody', 'td', 'tfoot', 'th', 'thead', 'tr', 'u',
'ul', 'center', 'style', 'div', 'span'Les attributs suivants pour ces éléments sont autorisés :
All supported HTML elements allow : ['class', 'style'], 'a' : ['href', 'title', 'target', 'data-toggle', 'data-target', 'name'], 'blockquote': ['cite'], 'button' : ['name', 'value', 'data-toggle', 'data-target', 'data-dismiss'], 'col' : ['span', 'width'], 'colgroup' : ['span', 'width'], 'div' : ['data-show', 'data-target', 'data-toggle'] 'img' : ['align', 'alt', 'height', 'src', 'title', 'width' ], 'ol' : ['start', 'type'], 'q' : ['cite'], 'table' : ['summary', 'width', 'class'], 'td' : ['abbr', 'axis', 'colspan', 'rowspan', 'width'], 'th' : ['abbr', 'axis', 'colspan', 'rowspan', 'scope', 'width'],
'ul' : ['type']Fiche de catégorie
Utilisez les catégories pour regrouper les jeux de données sur votre site.
- Faites glisser un widget de category (catégorie) sur une ligne existante.
- Placez le pointeur de la souris sur le widget, puis cliquez sur l'icône de l'engrenage pour passer en mode Mise à jour.
- Modifiez le texte du lien pour votre catégorie.
- Sélectionnez
tag query (requête de balise) or
group (groupe).
Ceci détermine quels jeux de données s'affichent dans les résultats de recherche si les utilisateurs cliquent sur cette catégorie.
- Tag (Balise) : Entrez une requête de balise. .Tous les jeux de données, dont la balise de leur élément du portail Enterprise correspond, apparaitront dans les résultats de recherche
- Group (groupe) : Sélectionnez un groupe. Tous les jeux de données de ce groupe apparaitront dans les résultats de recherche.
- Choisissez une icône dans la bibliothèque :
- Sélectionnez Pick an Icon (Choisir une icône).
- Choisissez une icône depuis le modal et cliquez sur Select (Sélectionner).
L'icône apparaît dans le panneau latéral.
- Cliquez sur la case grise à droite de l'icône pour choisir la couleur de l'icône.
- Utiliser votre propre icône :
- Indiquez une URL pour votre icône.
- Ajoutez un texte alternatif pour aider les utilisateurs non-voyants à reconnaître l'icône et améliorer l'accessibilité de votre site.
- Cliquez sur Back to Site Editor (Retour à l'éditeur de site) pour revenir au panneau latéral principal.
Astuce:
Les icônes personnalisées doivent être enregistrées en .svg ou fichier .png transparent. Les images seront mises à l'échelle pour correspondre à une dimension de 120x120 pixels.
Fiche de coordonnées
Indiquez les informations de contact pour envoyer un e-mail au propriétaire des données.
- Faites glisser un widget de contact sur une ligne existante.
- Placez le pointeur de la souris sur le widget, puis cliquez sur l'icône de l'engrenage pour passer en mode Mise à jour.
- Indiquez l'adresse e-mail du contact et remplissez la ligne d'objet de l'e-mail.
Lorsque les utilisateurs cliquent sur l'e-mail de votre page d'accueil, leur éditeur d'e-mail s'ouvre automatiquement.
- Cliquez sur Back to Site Editor (Retour à l'éditeur de site) pour revenir au panneau latéral principal.
Fiche iframe
Iframes intégrés et ressources externes.
- Faites glisser un widget iframe sur une ligne existante.
- Placez le pointeur de la souris sur le widget, puis cliquez sur l'icône de l'engrenage pour passer en mode Mise à jour.
- Indiquez votre URL iframe et la hauteur iframe.
- Cliquez sur Apply (Appliquer).
Attention :
Ne collez pas dans le code iframe intégrable d'un autre site Web. Collez uniquement dans l'URL que vous voulez intégrer.
Astuce:
Les URL iframe en HTTP n'apparaissent pas dans l'éditeur de site, qui est exécuté en HTTPS. Enregistrez et affichez votre site pour voir votre iframe.
Carte de diagramme
Créez des diagrammes simples directement depuis vos jeux de données, ou entrez votre propre diagramme JSON pour créer un diagramme personnalisé.
Diagramme à barres
Les diagrammes à barres sont créés à partir des requêtes vers un jeu de données sélectionné et sont automatiquement mis à jour lorsque vous mettez à jour votre jeu de données.
- Faites glisser un widget chart (diagramme) sur une ligne existante.
- Placez le pointeur de la souris sur le widget, puis cliquez sur l'icône de l'engrenage pour passer en mode Mise à jour.
- Les diagrammes à barres sont sélectionnés par défaut.
- Cliquez sur (+) Add Data [(+)Ajouter des données].
- Sélectionnez un élément parmi les services de données disponibles.
- Sélectionnez Choose Category Attribute (Choisir un attribut de catégorie) pour sélectionner dans vos données l’élément de diagramme principal.
Les champs de type numérique et chaîne peuvent être utilisés dans les diagrammes. Par défaut, lorsque vous sélectionnez un attribut de catégorie, le diagramme généré sera un comptage de cet attribut
- L’option Choose Value Attribute (Choisir un attribut de valeur) permet de sélectionner un champ numérique utilisé comme métrique de valeur pour votre attribut de catégorie. Une fois sélectionnée, l’opération statistique par défaut de ce champ est Somme. Vous pouvez modifier le paramètre Statistical Operation (Opération statistique) à l’aide du menu déroulant situé à droite du sélecteur Choose Value Attribute (Choisir un attribut de valeur). L’attribut de valeur prend en charge les valeurs suivantes : Min, Max, Somme, Moyenne, et Total. Sélectionner Total désélectionne l'attribut de valeur (aucun champ supplémentaire n’est requis pour comptabiliser l’attribut de catégorie).
Les champs de type numérique et chaîne peuvent être utilisés dans les diagrammes. Par défaut, lorsque vous sélectionnez un attribut de catégorie, le diagramme généré sera un comptage de cet attribut
- Vous avez également la possibilité, dans la section Options d’activer/désactiver et de personnaliser les éléments suivants : Chart Title (Titre du diagramme), Height (Hauteur) (en pixels), Category Label (Étiquette de catégorie) pour l’axe des X et Value Label (Étiquette de valeur) pour l’étiquette de l'axe Y.
Diagramme à secteurs
Les diagrammes à secteurs sont créés à partir des requêtes vers un jeu de données sélectionné et sont automatiquement mis à jour lorsque vous mettez à jour votre jeu de données.
- Faites glisser un widget chart (diagramme) sur une ligne existante.
- Placez le pointeur de la souris sur le widget, puis cliquez sur l'icône de l'engrenage pour passer en mode Mise à jour.
- Sélectionnez le diagramme à secteurs en cliquant sur l’icône de diagramme circulaire.
- Cliquez sur (+) Add Data [(+)Ajouter des données].
- Sélectionnez un élément parmi les services de données disponibles.
- Sélectionnez Choose Category Attribute (Choisir un attribut de catégorie) pour sélectionner dans vos données l’élément de diagramme principal.
Les champs de type numérique et chaîne peuvent être utilisés dans les diagrammes. Par défaut, lorsque vous sélectionnez un attribut de catégorie, le diagramme généré sera un comptage de cet attribut
- L’option Choose Value Attribute (Choisir un attribut de valeur) permet de sélectionner un champ numérique utilisé comme métrique de valeur pour votre attribut de catégorie. Une fois sélectionnée, l’opération statistique par défaut de ce champ est Somme. Vous pouvez modifier le paramètre Statistical Operation (Opération statistique) à l’aide du menu déroulant situé à droite du sélecteur Choose Value Attribute (Choisir un attribut de valeur). L’attribut de valeur prend en charge les valeurs suivantes : Min, Max, Somme, Moyenne, et Total. Sélectionner Total désélectionne l'attribut de valeur (aucun champ supplémentaire n’est requis pour comptabiliser l’attribut de catégorie).
Les champs de type numérique et chaîne peuvent être utilisés dans les diagrammes. Par défaut, lorsque vous sélectionnez un attribut de catégorie, le diagramme généré sera un comptage de cet attribut
- Vous avez également la possibilité, dans la section Options d’activer/désactiver et de personnaliser les éléments suivants : Chart Title (Titre du diagramme), Height (Hauteur) (en pixels), Category Label (Étiquette de catégorie) pour l’étiquette de chaque secteur dans l’info-bulle et Value Label (Étiquette de valeur) pour l’étiquette de la mesure dans l’info-bulle.
Diagramme JSON
Les diagrammes personnalisés sont créés à partir de JSON à l'aide d'une spécification de diagramme spécifique.
- Faites glisser un widget chart (diagramme) sur une ligne existante.
- Placez le pointeur de la souris sur le widget, puis cliquez sur l'icône de l'engrenage pour passer en mode Mise à jour.
- Sélectionnez la tuile JSON
- Entrez votre JSON dans le champ JSON Chart Specification (Spécification du diagramme JSON).
- Vous avez également la possibilité dans la section Options d'activer/désactiver et de personnaliser les éléments Chart Title (Titre du diagramme) et Height (Hauteur) (en pixels).
Spécification JSON
Personnaliser JSON vous permet de créer des diagrammes personnalisés qui exploitent la bibliothèque Cedar. Une spécification est créée à partir des composants suivants :
(Datasets) Jeux de données
Le tableau des jeux de données indique l'URL du service d'entités de ArcGIS et les paramètres de requête. Consultez la documentation REST API pour en savoir plus sur les paramètres de requête.
{ "datasets": [ { "url": "SampleArcGISFeatureService_URL", "name" : "Number_of_SUM",
"query": { "groupByFieldsForStatistics": "Zip", "outStatistics": [{
"statisticType": "sum", "onStatisticField": "Number_of",
"outStatisticFieldName": "Number_of_SUM" }] } } ]
}(Series) Série
Le tableau des séries vous permet de préciser les cartographies entre les champs dans la réponse de service et les aspects visuels dans le diagramme (abscisses, ordonnées, couleur/taille pour les nuages de points, le rayon des diagrammes à secteurs).
{ "series": [ { "source": "Number_of_SUM", "category": { "field": "Type", "label": "Facility
Use" }, "value": { "field":"Number_of_SUM","label":"Total Students" }} ] }Overrides (Remplacements)
La propriété de remplacement vous permet de préciser les effets visuels comme la couleur ou le positionnement, pour tout le diagramme.
"overrides": {
"legend": {
"enabled": true
},
"backgroundColor": "#E6E6FA",
"backgroundAlpha": 1
}
}Spécification
La propriété de spécification vous permet d'entrer une spécification Cedar complète pour obtenir un diagramme entièrement personnalisé. Voir des exemples des spécifications d'un diagramme existant.
Exemples
Diagramme à barres :{
"type": "bar",
"datasets": [
{
"url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
"name": "Number_of_SUM",
"query": {
"orderByFields": "Number_of_SUM DESC",
"groupByFieldsForStatistics": "Type",
"outStatistics": [
{
"statisticType": "sum",
"onStatisticField": "Number_of",
"outStatisticFieldName": "Number_of_SUM"
}
]
}
}
],
"series": [
{
"category": {"field": "Type", "label": "Type"},
"value": {"field": "Number_of_SUM", "label": "Number of Students"},
"source": "Number_of_SUM"
}
]
}{
"type": "bar-horizontal", "datasets": [ {
"url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0", "name": "Number_of_SUM", "query": {
"orderByFields": "Number_of_SUM DESC", "groupByFieldsForStatistics": "Type", "outStatistics": [ {
"statisticType": "sum", "onStatisticField": "Number_of", "outStatisticFieldName": "Number_of_SUM"
}
] }
}
], "series": [ {
"category": {"field": "Type", "label": "Type"}, "value": {"field": "Number_of_SUM", "label": "Number of Students"}, "source": "Number_of_SUM"
}
], "overrides": {
"categoryAxis": {
"labelRotation": -45 }
}
}Note : chaque série doit correspondre à un 'groupe'. {
"type": "bar",
"datasets": [
{
"url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
"name": "Jordan",
"query": {
"where": "City='Jordan'",
"orderByFields": "Number_of_SUM DESC",
"groupByFieldsForStatistics": "Type",
"outStatistics": [{
"statisticType": "sum",
"onStatisticField": "Number_of",
"outStatisticFieldName": "Number_of_SUM"
}]
},
"join": "Type"
},
{
"url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
"name": "Dewitt",
"query": {
"where": "City='Dewitt'",
"orderByFields": "Number_of_SUM DESC",
"groupByFieldsForStatistics": "Type",
"outStatistics": [{
"statisticType": "sum",
"onStatisticField": "Number_of",
"outStatisticFieldName": "Number_of_SUM"
}]
},
"join": "Type"
},
{
"url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
"name": "Fayetteville",
"query": {
"where": "City='Fayetteville'",
"orderByFields": "Number_of_SUM DESC",
"groupByFieldsForStatistics": "Type",
"outStatistics": [{
"statisticType": "sum",
"onStatisticField": "Number_of",
"outStatisticFieldName": "Number_of_SUM"
}]
},
"join": "Type"
}
],
"series": [
{
"category": {"field": "Type", "label": "Type"},
"value": { "field": "Number_of_SUM", "label": "Jordan Students"},
"source": "Jordan"
},
{
"category": {"field": "Type", "label": "Type"},
"value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
"source": "Dewitt"
},
{
"category": {"field": "Type", "label": "Type"},
"value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
"source": "Fayetteville"
}
]
}
{
"type": "bar",
"datasets": [
{
"url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
"name": "Jordan",
"query": {
"where": "City='Jordan'",
"orderByFields": "Number_of_SUM DESC",
"groupByFieldsForStatistics": "Type",
"outStatistics": [{
"statisticType": "sum",
"onStatisticField": "Number_of",
"outStatisticFieldName": "Number_of_SUM"
}]
},
"join": "Type"
},
{
"url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
"name": "Dewitt",
"query": {
"where": "City='Dewitt'",
"orderByFields": "Number_of_SUM DESC",
"groupByFieldsForStatistics": "Type",
"outStatistics": [{
"statisticType": "sum",
"onStatisticField": "Number_of",
"outStatisticFieldName": "Number_of_SUM"
}]
},
"join": "Type"
},
{
"url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
"name": "Fayetteville",
"query": {
"where": "City='Fayetteville'",
"orderByFields": "Number_of_SUM DESC",
"groupByFieldsForStatistics": "Type",
"outStatistics": [{
"statisticType": "sum",
"onStatisticField": "Number_of",
"outStatisticFieldName": "Number_of_SUM"
}]
},
"join": "Type"
}
],
"series": [
{
"category": {"field": "Type", "label": "Type"},
"value": { "field": "Number_of_SUM", "label": "Jordan Students"},
"source": "Jordan"
},
{
"category": {"field": "Type", "label": "Type"},
"value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
"source": "Dewitt"
},
{
"category": {"field": "Type", "label": "Type"},
"value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
"source": "Fayetteville"
}
]
}{
"type": "bar",
"datasets": [
{
"url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
"name": "Jordan",
"query": {
"where": "City='Jordan'",
"orderByFields": "Number_of_SUM DESC",
"groupByFieldsForStatistics": "Type",
"outStatistics": [{
"statisticType": "sum",
"onStatisticField": "Number_of",
"outStatisticFieldName": "Number_of_SUM"
}]
},
"join": "Type"
},
{
"url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
"name": "Dewitt",
"query": {
"where": "City='Dewitt'",
"orderByFields": "Number_of_SUM DESC",
"groupByFieldsForStatistics": "Type",
"outStatistics": [{
"statisticType": "sum",
"onStatisticField": "Number_of",
"outStatisticFieldName": "Number_of_SUM"
}]
},
"join": "Type"
},
{
"url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
"name": "Fayetteville",
"query": {
"where": "City='Fayetteville'",
"orderByFields": "Number_of_SUM DESC",
"groupByFieldsForStatistics": "Type",
"outStatistics": [{
"statisticType": "sum",
"onStatisticField": "Number_of",
"outStatisticFieldName": "Number_of_SUM"
}]
},
"join": "Type"
}
],
"series": [
{
"category": {"field": "Type", "label": "Type"},
"value": { "field": "Number_of_SUM", "label": "Jordan Students"},
"source": "Jordan"
},
{
"category": {"field": "Type", "label": "Type"},
"value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
"source": "Dewitt"
},
{
"category": {"field": "Type", "label": "Type"},
"value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
"source": "Fayetteville"
}
]
}Diagramme chronologique
Note : La catégorie doit être un champ date heure.
{
"type": "bar",
"datasets": [
{
"url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
"name": "Jordan",
"query": {
"where": "City='Jordan'",
"orderByFields": "Number_of_SUM DESC",
"groupByFieldsForStatistics": "Type",
"outStatistics": [{
"statisticType": "sum",
"onStatisticField": "Number_of",
"outStatisticFieldName": "Number_of_SUM"
}]
},
"join": "Type"
},
{
"url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
"name": "Dewitt",
"query": {
"where": "City='Dewitt'",
"orderByFields": "Number_of_SUM DESC",
"groupByFieldsForStatistics": "Type",
"outStatistics": [{
"statisticType": "sum",
"onStatisticField": "Number_of",
"outStatisticFieldName": "Number_of_SUM"
}]
},
"join": "Type"
},
{
"url": "https://services.arcgis.com/uDTUpUPbk8X8mXwl/arcgis/rest/services/Public_Schools_in_Onondaga_County/FeatureServer/0",
"name": "Fayetteville",
"query": {
"where": "City='Fayetteville'",
"orderByFields": "Number_of_SUM DESC",
"groupByFieldsForStatistics": "Type",
"outStatistics": [{
"statisticType": "sum",
"onStatisticField": "Number_of",
"outStatisticFieldName": "Number_of_SUM"
}]
},
"join": "Type"
}
],
"series": [
{
"category": {"field": "Type", "label": "Type"},
"value": { "field": "Number_of_SUM", "label": "Jordan Students"},
"source": "Jordan"
},
{
"category": {"field": "Type", "label": "Type"},
"value": { "field": "Number_of_SUM", "label": "Dewitt Students"},
"source": "Dewitt"
},
{
"category": {"field": "Type", "label": "Type"},
"value": { "field": "Number_of_SUM", "label": "Fayetteville Students"},
"source": "Fayetteville"
}
]
}Fiche des résumés statistiques
Utilisez les statistiques de synthèse pour entrer les données en un clin d'œil sur les principaux indicateurs de performance et autres. Les statistiques de synthèse sont générées par une requête de jeu de données et sont automatiquement mis à jour au fur et à mesure.
- Faites glisser un widget de Summary Statistic (Résumé statistique) sur une ligne existante.
- Placez le pointeur de la souris sur le widget, puis cliquez sur l'icône de l'engrenage pour passer en mode Mise à jour.
- Cliquez sur (+) Add Data [(+)Ajouter des données] pour lancer un sélecteur d’éléments afin de trouver le service de données de votre choix.
- Sélectionnez un Statistic Field (Champ de statistique) pour choisir un champ à partir du service sélectionné. Ce champ sera utilisé dans les étapes ultérieures.
- Sélectionnez un
Statistic Type (Type de statistique) pour choisir le type d'opération à effectuer dans le champ sélectionné
- Pour les champs de texte et de date, choisissez entre décompte, minimum ou maximum.
- Pour les champs numériques - choisissez entre décompte, somme, minimum, maximum, écart type moyen ou variance.
- Vous pouvez ajouter un filtre à vos statistiques :
- Sélectionnez un attribut à utiliser pour votre filtre.
- Sélectionnez Ajouter.
- Sélectionnez la nouvelle fenêtre d'attributs pour afficher l'attribut du filtre. La zone de saisie varie selon le type de champ.
- Entrez le filtre que vous souhaitez.
- Cliquez en dehors de la zone de filtre ou appuyez sur Entrée sur votre clavier.
- Entrez un Title (Titre).
- Vous avez également la possibilité d’entrer un Trailing Text (Texte de fin) et de modifier la Accent Color (Couleur d'accentuation) de la statistique elle-même.
Fiche de bibliothèque
Utilisez la fiche de bibliothèque pour déposer sur votre site une application de cartographie Web et le contenu de la carte Web. La fiche de bibliothèque extrait automatiquement les applications et les cartes Web de vos groupes d'organisation. Lorsque vous ajoutez une application et une carte au contenu de votre organisation ou d'un groupe particulier, des nouveaux fragments d'application apparaissent sur votre site sans modifier la mise en page.
- Faites glisser un widget Gallery Card (Fiche de bibliothèque) sur une ligne existante.
- Placez le pointeur de la souris sur le widget, puis cliquez sur l'icône de l'engrenage pour passer en mode Mise à jour.
- Quelques options s'affichent à gauche. Cliquez sur Apps pour voir toutes les applications de votre organisation dans la fiche de bibliothèque. Cliquez sur Datasets (Jeux de données) pour voir tous les jeux de données de votre organisation dans la fiche de bibliothèque. Cliquez sur Sites pour voir tous les sites de votre organisation dans la fiche de bibliothèque.
- Ajustez le nombre dans Nombre de cartes affichées (maximum 16) pour modifier l'affichage.
- De plus, dans la section Show Only (Afficher uniquement), vous pouvez sélectionner Group(s) (Groupes) et sélectionner votre ou vos groupe(s) pour filtrer les applications.
- Dans les Tags (Balises), ajoutez des balises pour limiter la requête. Seuls les éléments correspondant à cette balise apparaissent dans la fiche de bibliothèque.
- Dans Style, choisissez Use Icons (Utiliser les icônes) ou Use Thumbnails (utiliser les miniatures) pour déterminer le style de la fiche de bibliothèque.
- Modifiez le Button Text (Texte du bouton) qui sert à le contrôler. Le texte par défaut est explorer.
Paramètres de pied de page
Par défaut, l'éditeur de site n'a pas de pied de page. Vous devez créer un pied de page personnalisé pour avoir un pied de page continu sur toutes les pages du site.
- Dans Footer Settings (Paramètres de pied de page), sélectionnez
Custom (Personnalisé).
Un pied de page par défaut s'affiche sur la page et une fenêtre CSS apparaît dans le panneau latéral.
- Pour modifier le HTML, cliquez sur l'icône représentant un engrenage en bas à droite du pied de page.
- Cliquez encore sur l'icône représentant un engrenage pour voir vos changements.
- Modifiez la fenêtre CSS dans le panneau latéral et cliquez sur Apply Changes (Appliquer les changements)pour visualiser les effets sur votre HTML.
Astuce:
Le pied de page HTML ne prend pas en charge le JavaScript intégré. Les balises de script sont ignorées.
Utilisation du texte
Utilisez la fonction texte dans les widgets pour personnaliser le texte de votre site.
Feuille de référence rapide du texte
Attribut | Syntaxe |
En-tête | # Ce texte correspond à un titre de niveau 1 (le plus grand) ## Ce texte correspond à un titre de niveau 2 ###### Ce texte correspond à un titre de niveau 6 (le plus petit) |
Italique | Ceci est un *texte en italique* ou _texte en italique_ |
Bold | Ce texte est en **gras** |
Combiner les formats italique et gras | *Combiner les formats italique **et** gras* |
Lien avec affichage de l’adresse | http://www.esri.com Remarque :N’oubliez pas le protocole (HTTP ou HTTPS) devant vos URL |
Lien sans affichage d’adresse | [votre texte hyperlien] (http://www.esri.com) Remarque :N’oubliez pas le protocole (HTTP ou HTTPS) devant vos URL |
Puces | * Premier élément de la liste à puces * Deuxième élément de la liste à puces |
Liste triée | 1. Premier élément d’une liste numérotée 1. Deuxième élément d’une liste numérotée |
Insérer des images | <img src="URL de l’image source comprenant HTTP ou HTTPS"> Remarque :Si vous avez des images dans votre portail Enterprise vous pouvez également exploiter les URL relatives telles que "../images/my-amazing-image" |
Insérer une image avec un hyperlien | <a href="Lien URL contenant HTTP ou HTTPS"><img src="URL de l’image source incluant HTTP ou HTTPS"></a> |
Vous avez un commentaire à formuler concernant cette rubrique ?