Utilisation de chart.js avec Topaze

Modèles documentaires Topaze
1

Bonjour,

J’essaie d’utiliser chart.js avec Topaze pour faire un petit module de degooglisation :slight_smile:

Mais je n’arrive pas à aller bien loin. J’utilise donc l’item de graphique dynamique et arrive à quelques résultats avec des Bar, HorizontalBar et Doughnut.

Je suis par exemple bloqué sur les points suivants :

  • Comment pour HorizontalBar avoir des barres ayant des couleurs différentes (j’ai essayé de tordre le truc dans tous les sens sans succès (backgroundColor, color, fillColor… à différents endroits. Une couleur pour tous, ok, mais une couleur différente… :/)
    var vData = {
    labels: [« Windows », « Apple », « PrimTux »],
    datasets: [{
    strokeColor: « #6A5687 »,
    fillColor: « #6A5687 »,
    hoverBorderWidth : 10,
    label: « Respect de la démocratie »,
    data: [-3, -1, 5],
    }]
    };
    var myBarChart = new Chart(.getContext(« 2d »)).Bar(vData);

  • Mais surtout comment utiliser la doc de charts.js pour l’utiliser dans Topaze, par exemple à partir de Radar Chart | Chart.js comment je peux avoir la même chose dans Topaze ? Je ne suis pas arrivé à identifier les mécanismes de transferts pour que ce soit compatible.

J’ai essayé aussi en mode site web embarqué, mais je ne m’en suis pas sorti.

Si quelqu’un à des pistes, je suis preneur, merci.

1 « J'aime »
2

Bonjour,

Je me permet de rouvrir la discussion car j’ai le même souci que mon camarade Ghislain.

J’ai ce bout de code ci-dessous:

var data = {
labels: [« Naviguer dans Alma », « Les données dans Alma », « Recherche », « Afficher les résultats »],
datasets: [{
label: ‹ Récapitulatif du parcours pédagogique ›,
data: [75, 100, 80, 100],
backgroundColor: [
‹ rgba(255, 99, 132, 0.2) ›
],
borderColor: [
‹ rgba(255,99,132,1) ›
],
borderWidth: 1
}]
};
var myBarChart = new Chart(.getContext(« 2d »)).Radar(data);

Et pas moyen de changer la couleur du graph … merci d’avance à la communauté.