Notes de version#
Ci-dessous les notes relatives aux différentes versions publiées de DGE-DataViz-Components.
Si certaines évolutions ne sont pas documentées, n'hésitez pas à me contacter.
v4.5.1 - 20220601#
Téléchargements#
Fichier | Format | Téléchargement |
---|---|---|
dge-figure.js | JS | téléchargement |
dge-table.js | JS | téléchargement |
dge-chart.js | JS | téléchargement |
dge-text.js | JS | téléchargement |
dge-image.js | JS | téléchargement |
dge-all.js | JS | téléchargement |
dist_4.5.1.zip | ZIP | téléchargement |
dist_4.5.1.7z | 7Z | téléchargement |
Evolutions#
dge-figure
:- Correction des propriétés
filter
etsearch
- Correction des propriétés
dist
:- Mise à jour des différentes bibliothèques vers leurs dernières versions
documentation
:- Corrections mineures
- Organisation des propriétés par ordre alphabétique
v4.5.0 - 20220501#
Téléchargements#
Fichier | Format | Téléchargement |
---|---|---|
dge-figure.js | JS | téléchargement |
dge-table.js | JS | téléchargement |
dge-chart.js | JS | téléchargement |
dge-text.js | JS | téléchargement |
dge-image.js | JS | téléchargement |
dge-all.js | JS | téléchargement |
dist_4.5.0.zip | ZIP | téléchargement |
dist_4.5.0.7z | 7Z | téléchargement |
Evolutions#
dge-figure
:- Ajout du paramètre
value
afind e pouvoir afficher une valeur directement sans utiliser de données externes. Il est ainsi possible d'ajouter la valeur via une varaible de la page (ex.:value="'<?php echo $value; ?>'"
)
- Ajout du paramètre
dist
:- Mise à jour des différentes bibliothèques vers leurs dernières versions
v4.4.0 - 20220303#
Téléchargements#
Fichier | Format | Téléchargement |
---|---|---|
dge-figure.js | JS | téléchargement |
dge-table.js | JS | téléchargement |
dge-chart.js | JS | téléchargement |
dge-text.js | JS | téléchargement |
dge-image.js | JS | téléchargement |
dge-all.js | JS | téléchargement |
dist_4.4.0.zip | ZIP | téléchargement |
dist_4.4.0.7z | 7Z | téléchargement |
Evolutions#
dge-figure
:- Ajout d'une fonction pour parser les données et convertir les chaïnes de caractère en nombre quand c'est possible
dge-table
:- Correction de prise en compte du paramètre
page=
- Correction d'un problème de récupération des données de l'API de D4C
- Ajout de la propriété
parsehtml
qui permet d'interpréter les URL et balises HTML dans la table
- Correction de prise en compte du paramètre
dist
:- Mise à jour de Bootstrap Icons vers la version 1.8.1
v4.3.1 - 20220117#
Téléchargements#
Fichier | Format | Téléchargement |
---|---|---|
dge-figure.js | JS | téléchargement |
dge-table.js | JS | téléchargement |
dge-chart.js | JS | téléchargement |
dge-text.js | JS | téléchargement |
dge-image.js | JS | téléchargement |
dge-all.js | JS | téléchargement |
dist_4.3.1.zip | ZIP | téléchargement |
dist_4.3.1.7z | 7Z | téléchargement |
Evolutions#
dge-map
:- Ajout de "https" lors de l'appel du serveur OSM par défaut
documentation
:- Corriger les exemples de
dge-map
- Corriger les exemples de
v4.3.0 - 20220111#
Téléchargements#
Fichier | Format | Téléchargement |
---|---|---|
dge-figure.js | JS | téléchargement |
dge-table.js | JS | téléchargement |
dge-chart.js | JS | téléchargement |
dge-text.js | JS | téléchargement |
dge-image.js | JS | téléchargement |
dge-all.js | JS | téléchargement |
dist_4.3.0.zip | ZIP | téléchargement |
dist_4.3.0.7z | 7Z | téléchargement |
Evolutions#
dge-figure
:- Ajout de la propriété
refresh
pour premetre une rechargement (mise à jour) des données à interval régulier
- Ajout de la propriété
dge-table
:- Ajout de la propriété
refresh
pour premetre une rechargement (mise à jour) des données à interval régulier
- Ajout de la propriété
dge-chart
:- Ajout de la propriété
refresh
pour premetre une rechargement (mise à jour) des données à interval régulier
- Ajout de la propriété
documentation
:- Mise à jour vers la version 8.1.6 du template Material for MkDocs
- Ajout de la description des différentes sources de données (fichiers CSV, fichiers et API JSON, flux WFS et API Data4Citizen). Cf. documentation
- Ajout de la section "CSS et mise en forme". Cf. documentation
v4.2.0 - 20211219#
Téléchargements#
Fichier | Format | Téléchargement |
---|---|---|
dge-figure.js | JS | téléchargement |
dge-table.js | JS | téléchargement |
dge-chart.js | JS | téléchargement |
dge-text.js | JS | téléchargement |
dge-image.js | JS | téléchargement |
dge-all.js | JS | téléchargement |
dist_4.2.0.zip | ZIP | téléchargement |
dist_4.2.0.7z | 7Z | téléchargement |
Evolutions#
dge-map
:- Ajout de la propriété
gesturehandling
qui nécessite d'appuyer sur la touche "contrôle" pour pouvoir zoomer si elle est activée. - Ajout de la propriété
data
pour ajouter plusieurs couches WMS ou GeoJSON. - Ajout de la propriété
osm
pour afficher ou non le fond de carte OSM par défaut. - Ajout de la propriété
baselayers
qui permet d'indiquer plusieurs fonds de carte. Si plusieurs fonds de carte, alors une sélection dans le menu des layers est possible. La propriétébaselayer
est conservée pour le moment et sera déprécié dans une future version.
- Ajout de la propriété
dge-table
:- Ajout de la propriété générale
pagination
qui reprend les propriétés de pagination existantes en une seule propriété. - Ajout de la propriété
selectpages
.
- Ajout de la propriété générale
dge-figure
:- Ajout de la propriété générale
image
.
- Ajout de la propriété générale
dge-chart
:- Modification des propriété
download
sous forme d'objet pour pouvoir la gérer plus facilement et utiliser des icons ou du texte pour le lien de téléchargement du graphique en image.
- Modification des propriété
dge-helpers
:- Amélioration de la fonction "getJsonFromString()" pour la gestion des propriétés de la forme
property="att1:value1;att2:value2"
. Désormais la valeur des attributs peut contenir le caractère ":" (utile pour les URL).
- Amélioration de la fonction "getJsonFromString()" pour la gestion des propriétés de la forme
all
:- Modification des propriété
attribution
etdatalink
sous forme d'objet pour pouvoir les gérer plus facilement et utiliser des icons ou du texte.
- Modification des propriété
- Application - Réorganisation et optimisation du code l'application pour faciliter le développement et la compilation:
- Création de différents fichiers de configuration "rollup" pour permettre la compilation du code individuellement par composant ou de façon globale.
- Ajout d'une version compilée
dge-all.js
comprenant l'ensemble des composants (évite la duplication de certaines bibliothèques comme "Paparse" et "Alasql" par composant).
- Documentation:
- Ajout de la présente page listant les versions.
- Documentation des priopriétés manquantes
- Amélioration de la documentation dans son ensemble
v4.1.4 - 20211201#
Téléchargements#
Fichier | Format | Téléchargement |
---|---|---|
dge-figure.js | JS | téléchargement |
dge-table.js | JS | téléchargement |
dge-chart.js | JS | téléchargement |
dge-text.js | JS | téléchargement |
dge-image.js | JS | téléchargement |
dist_4.1.4.zip | ZIP | téléchargement |
dist_4.1.4.7z | 7Z | téléchargement |
Evolutions#
dge-chart
:- Ajouter la capacité de télécharger le graphique sous forme d'image. Activé via la propriété
download
qui permet également de préciser le nom du lien à afficher. Ex.:download="Télécharger"
.
- Ajouter la capacité de télécharger le graphique sous forme d'image. Activé via la propriété
v4.1.3 - 20211129#
Téléchargements#
Fichier | Format | Téléchargement |
---|---|---|
dge-figure.js | JS | téléchargement |
dge-table.js | JS | téléchargement |
dge-chart.js | JS | téléchargement |
dge-text.js | JS | téléchargement |
dge-image.js | JS | téléchargement |
dist_4.1.3.zip | ZIP | téléchargement |
dist_4.1.3.7z | 7Z | téléchargement |
Evolutions#
dge-chart
:- Ajout de graphique de type "wordCloud" via le pluin "chartjs-chart-wordcloud" (cf. https://github.com/sgratzl/chartjs-chart-wordcloud).
v4.1.2 - 20211128#
Téléchargements#
Fichier | Format | Téléchargement |
---|---|---|
dge-figure.js | JS | téléchargement |
dge-table.js | JS | téléchargement |
dge-chart.js | JS | téléchargement |
dge-text.js | JS | téléchargement |
dge-image.js | JS | téléchargement |
dist_4.1.2.zip | ZIP | téléchargement |
dist_4.1.2.7z | 7Z | téléchargement |
Evolutions#
dge-chart
:- Ajout d'un type de graphique "treemap" via le pluin "chartjs-chart-treemap" (cf. https://chartjs-chart-treemap.pages.dev).
v4.1.1 - 20211121#
Téléchargements#
Fichier | Format | Téléchargement |
---|---|---|
dge-figure.js | JS | téléchargement |
dge-table.js | JS | téléchargement |
dge-chart.js | JS | téléchargement |
dge-text.js | JS | téléchargement |
dge-image.js | JS | téléchargement |
dist_4.1.1.zip | ZIP | téléchargement |
dist_4.1.1.7z | 7Z | téléchargement |
Evolutions#
dge-chart
:- Ajout de la propriété
labels
qui permet de préciser le nom des étiquettes pour les valeurs des abscisses (x). - Ajout de la propriété
reverse
qui permet d'inverser les données, c'est à dire de transposer une série en ligne, en colonne. Les en-tête de colonne deveniennent alors les valeurs d'abscisse (x). Il faut dans ce cas utiliser conjointement la proriétélabels
pour définir le nom des étiquettes en abscisse (par défaut: elles sont du typey0
,y1
, etc.). - Ajout des propriétés
width
etheight
pour définir la taille du graphique. Les dimensions sont calculées automatiquement de façon responsive à partir du rapport entre la hauteur et la largeur. Par défaut ces valeurs sont respectivement de 4 et 3 soit un rapport de 4/3. - Amélioration du calcul des étiquettes quand
dlformat="percent"
. - Ajout du type
chart="bar-hs"
pour un graphique horizontal "stacked".
- Ajout de la propriété
v4.1.0 - 20211121#
Téléchargements#
Fichier | Format | Téléchargement |
---|---|---|
dge-figure.js | JS | téléchargement |
dge-table.js | JS | téléchargement |
dge-chart.js | JS | téléchargement |
dge-text.js | JS | téléchargement |
dge-image.js | JS | téléchargement |
dist_4.1.0.zip | ZIP | téléchargement |
dist_4.1.0.7z | 7Z | téléchargement |
Evolutions#
dge-chart
:- Ajout de la propriété
animation
(ex.:animation="duration:5000"
). Cf. https://www.chartjs.org/docs/latest/configuration/animations.html#animation - Ajout d'un type
chart="gauge"
. La configuration se fait via la propriétégauge="circumference:270;rotation:-135;cutout:75%;radius:98%;borderRadius:2;offset:15"
. - Ajout d'un propriété pour affihcer un texte au centre du graphique (de type doughnut ou gauge de préférence). Le texte peut être sur plusieurs lignes (séparateur "|" dans la propriété). Des variables de données peuvent être utilisées sous la forme "%operation,decimal,[ligne],[colonne]%". Une seule variable peut être utilisée par ligne de texte. Ex.:
textcenter="label:OUI;color:rgba(120,180,60,1);baseLine:middle;fontSize:12;fontFamily:Arial;fontStyle:normal;fontWeight:normal;y:40|label:%percent,2,0%%;color:rgba(180,120,60,1);baseLine:middle;fontSize:15;fontWeight:bold;fontFamily:Arial;y:50;x:20"
- Ajout de la propriété
- Ajout des variables de données dans le titre pour
dge-chart
etdge-table
. Une seule variable peut être indiquée dans le titre. La forme est "%operation,decimal,[ligne],[colonne]%".
v4.0.1 - 20211111#
Téléchargements#
Fichier | Format | Téléchargement |
---|---|---|
dge-figure.js | JS | téléchargement |
dge-table.js | JS | téléchargement |
dge-chart.js | JS | téléchargement |
dge-text.js | JS | téléchargement |
dge-image.js | JS | téléchargement |
dist_4.0.1.zip | ZIP | téléchargement |
dist_4.0.1.7z | 7Z | téléchargement |
Evolutions#
- Résolution d'un problème de filtre quand il y a une apostropphe dans les valeurs d'une liste (propriété
filter
): besoin déchapper les caractères dans la requête SQL. - Ajout des paramètres "%filter%" et "%search%" comme variable de la propriété
text
(dge-figure
) ettitle
(dge-table
etdge-chart
) pour afficher directement les valeurs du filtre appliqué - Ajout de la possibilité de choisir une valeur par défault pour la propriété
filter
parmis celles de la liste déroulante sans indiquer de valeur globalisante.
v4.0.0 - 20210910#
Téléchargements#
Fichier | Format | Téléchargement |
---|---|---|
dge-figure.js | JS | téléchargement |
dge-table.js | JS | téléchargement |
dge-chart.js | JS | téléchargement |
dge-text.js | JS | téléchargement |
dge-image.js | JS | téléchargement |
dist_4.0.0.zip | ZIP | téléchargement |
dist_4.0.0.7z | 7Z | téléchargement |
Evolutions#
dge-map
:- Ajout du paramètre paramètre
baselayer
pour pouvoir changer le fond de carte par défaut (OSM) par un autre fonds WMS - Modification du paramètre
attribution
afin de pouvoir ajouter plusieurs attribution. Il est désormais de la forme "nom1,url1|nom2,url2"
- Ajout du paramètre paramètre