Suite

CartoDB : curseur temporel d'animation de couple

CartoDB : curseur temporel d'animation de couple


J'ai une visualisation de couple animée dans CartoDB. La colonne de temps de l'animation est de type date : 2015-07-03T00:00:00Z La visualisation est correcte, mais dans la vue cartographique, le curseur temporel écrit les étapes telles que « 07/03/2015 » (mois/jour/année). Et je veux que le curseur de temps écrive '3 JUL' (jour monthshortname).

Comment puis-je faire ceci?


Le formateur de couple n'est pas modifiable via l'éditeur CartoDB pour le moment. Afin de le modifier pour afficher un format de date différent, vous devez utiliser Javascript et la bibliothèque CartoDB.js.

Vous pouvez consulter un exemple fonctionnel ici, mais le code clé est :

cartodb.createVis('map', 'YOUR_TORQUE_VIZJSON_URL') .done(function(vis, layer) { //Pour CartoDB.js versions 3.12 an up var slider = vis.timeSlider; //Pour CartoDB.js version 3.11 //var slider = vis.getOverlay('time_slider') slider.formatter(function(d) { return d.getUTCDay() + " " + d.getUTCMonth(); }) }) .error(function(err) { console.log (err); });

Vous voudrez peut-être modifier la ligne qui renvoie la ligne formatée, dans ce cas "return d.getUTCDay() + " " + d.getUTCMonth();". Cette question StackOverflow pourrait être utile dans ce cas.


Voir la vidéo: Carto Maps Demo for temporal animation, and multiple attribute data