Comment faire pour pousser les jeux de données dynamiquement pour chart.js (graphique à barres)?

Im en utilisant chartjs (graphique à barres) pour afficher des données.
Im essayant d'ajouter dynamiquement des données à ensembles de données tableau mais sa ne fonctionne pas.

par exemple, disons que j'ai 2 objets dans les ensembles de données de tableau, et je dynamiquement la création de cet objet et en essayant de le pousser dans les ensembles de données (à partir de Chrome de la console)
une fois la page chargée et graphique est déjà en place.

var e = {
                fillColor : "#efefef",
                strokeColor : "#efefef",
                highlightFill: "#efefef",
                highlightStroke: "#efefef",
                data : [randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()]
            }

et puis

barChartData.datasets.push(e)

J'ai aussi essayé de faire window.myBar.update()
mais encore une fois rien dans les parages.

Savez-vous ce problème?
Merci,

source d'informationauteur Liel Feldman

  1. 11

    Je ne pense pas que vous pouvez utiliser addData pour ajouter une série - c'est pour ajouter des points /barres de séries existantes.

    Cependant, vous pouvez insérer votre nouvelle série directement dans l'objet graphique. Avec l'objet graphique et nouveau dataset comme

    var ctx = document.getElementById("chart").getContext("2d");
var myBarChart = new Chart(ctx).Bar(data);

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]
}

    le code à insérer un nouveau jeu de données était

    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();

    Violon http://jsfiddle.net/pvak6rkx/ (insère le nouveau jeu de données après 3 secondes)

  2. 7

    Dans la version 2.x, vous pouvez ajouter (ou supprimer) les données pour le graphique directement et ensuite appeler update()par exemple

    barChart.data.datasets.push({
  label: 'label2',
  backgroundColor: '#ff0000',
  data: [1,2,3]
});
barChart.update();

    Voici un jsfiddle exemple.