web-dev-qa-db-fra.com

Chart.js - Comment définir un jeu de données de graphique en courbes comme désactivé au chargement

À l'aide de chart.js v2, est-il possible de marquer un jeu de données dans un graphique en courbes comme étant désactivé lors du chargement initial?

enter image description here

N'a pas trouvé d'option pour cela dans la documentation .

chart.js
31
Paul Skarseth

Oui, il existe un indicateur "caché" dans ChartJS. par exemple.

data:
{
        datasets: [
        {
            data: [1,2,3],
            label: 'My First Dataset',
            hidden: true,
        },
        ],
}

Voir ce problème sur GitHub: https://github.com/chartjs/Chart.js/issues/689

89
Rory

Si vous utilisez angular-chartjs, vous pouvez ensuite ajouter les propriétés de l'ensemble de données dans le chart-dataset-override propriété:

Par exemple:

HTML:

<div class="container" ng-app="app" ng-controller="ChartCtrl">
  <canvas id="bar" class="chart chart-bar" chart-data="data" chart-labels="labels" chart-series="series" chart-dataset-override="datasetOverride">
  </canvas>
</div>

Javascript:

Chart.defaults.global.legend.display = true;

angular.module("app", ["chart.js"])
  .controller("ChartCtrl", function($scope) {

    $scope.labels = ['2006', '2007', '2008', '2009', '2010', '2011', '2012'];
    $scope.series = ['Series A', 'Series B'];

    $scope.data = [
      [65, 59, 80, 81, 56, 55, 40],
      [28, 48, 40, 19, 86, 27, 90]
    ];

    $scope.datasetOverride = [{}, {
      hidden: true,
    }];
  });
0
toto_tico