Ajouter Un Jeu De Données De Diagramme À Barres - Chart.JS
Im tryng de faire un graphique à barres chart.js (à l'aide de chart.js 2.2.2)
Im en difficulté en essayant de mettre de nouveaux jeux de données dans un graphique
Comment puis-je mettre un nouveau jeu de données "Vendas" avec les données: [10,20,30,40,50,60,70]
var data = {
labels: ["January", "February", "March", "April", "May", "June", "July"],
datasets: [
{
label: "Compras",
backgroundColor: [
'rgba(255, 99, 132, 0.2)',
'rgba(54, 162, 235, 0.2)',
'rgba(255, 206, 86, 0.2)',
'rgba(75, 192, 192, 0.2)',
'rgba(153, 102, 255, 0.2)',
'rgba(255, 159, 64, 0.2)'
],
borderColor: [
'rgba(255,99,132,1)',
'rgba(54, 162, 235, 1)',
'rgba(255, 206, 86, 1)',
'rgba(75, 192, 192, 1)',
'rgba(153, 102, 255, 1)',
'rgba(255, 159, 64, 1)'
],
borderWidth: 1,
data: [65, 59, 80, 81, 56, 55, 40],
}
]
};
var ctx = $("#barOrgaoAno").get(0).getContext("2d");
var myBarChart = new Chart(ctx,{
type: "bar",
data: data,
});
J'ai essayé les deux exemples que j'ai en internet, mais je ne peux pas obtenir ni au travail
Exemple 1
barChartDemo.addData([dData()], "dD " + index);
Exemple2
var myNewDataset = {
label: "My Second dataset",
fillColor: "rgba(187,205,151,0.5)",
strokeColor: "rgba(187,205,151,0.8)",
highlightFill: "rgba(187,205,151,0.75)",
highlightStroke: "rgba(187,205,151,1)",
data: [48, 40, 19, 86, 27, 90, 28]
}
var bars = []
myNewDataset.data.forEach(function (value, i) {
bars.push(new myBarChart.BarClass({
value: value,
label: myBarChart.datasets[0].bars[i].label,
x: myBarChart.scale.calculateBarX(myBarChart.datasets.length + 1, myBarChart.datasets.length, i),
y: myBarChart.scale.endPoint,
width: myBarChart.scale.calculateBarWidth(myBarChart.datasets.length + 1),
base: myBarChart.scale.endPoint,
strokeColor: myNewDataset.strokeColor,
fillColor: myNewDataset.fillColor
}))
})
myBarChart.datasets.push({
bars: bars
})
myBarChart.update();
Voulez-vous d'inclure les Vendas fixés en début ou en ajouter par la suite?
Sera de 2 barres de l'étiquette janvier, une pour les "Compras" et une pour "Vendas" et ainsi de suite pour chaque mois , n'ont pas d'importance si il ajouter avant ou après
Sera de 2 barres de l'étiquette janvier, une pour les "Compras" et une pour "Vendas" et ainsi de suite pour chaque mois , n'ont pas d'importance si il ajouter avant ou après
OriginalL'auteur dpanegassi | 2016-09-13
Vous devez vous connecter pour publier un commentaire.
Puisque vous stockez vos données de graphique dans une variable (appelée
data
dans votre code), vous pouvez le faire avec une fonction simple sur un bouton :Vous pouvez voir le code complet sur cette jsFiddle et voici le résultat après un clic :
OriginalL'auteur tektiv