Utilisation de chart.js avec Topaze

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 http://www.chartjs.org/docs/latest/charts/radar.html 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 »

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é.