DataSet Hinzufügen Balkendiagramm - Chart.JS
Im tryng, um ein Balkendiagramm in chart.js (mit chart.js 2.2.2)
Im in Schwierigkeiten versuchen, setzen Sie neue Datensätze in ein Diagramm
Wie kann ich einen neuen Datensatz "Vendas" mit den Daten: [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,
});
Ich habe versucht, zwei Beispiele hab ich im internet aber kann ich nicht bekommen weder auf die Arbeit
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();
Wollen Sie gehören die Vendas setzen Sie an den Anfang oder fügen Sie es anschließend wieder ein?
2 bars im label Januar, einen für "Compras" und eine für "Vendas" und so weiter für jeden Monat , egal ob Sie noch vor oder nach
2 bars im label Januar, einen für "Compras" und eine für "Vendas" und so weiter für jeden Monat , egal ob Sie noch vor oder nach
InformationsquelleAutor dpanegassi | 2016-09-13
Schreibe einen Kommentar Antworten abbrechen
Du musst angemeldet sein, um einen Kommentar abzugeben.
Da das speichern Sie Ihr Diagramm Daten in eine variable (namens
data
im code), können Sie es mit einer einfachen Funktion auf einen button :Sehen Sie den vollständigen code auf dieser jsFiddle und hier ist Ihr Ergebnis nach einem Klick auf :
InformationsquelleAutor tektiv