Graphique.js v2: comment faire pour que tooltips apparaisse toujours sur un diagramme à secteurs?

j'ai trouvé questions similaires dans le débordement de la pile, mais toutes ont été abordées il y a un an et deux. Maintenant Le Graphique.js est apparu dans la version 2, et beaucoup de changements dans la documentation. Est - ce que quelqu'un peut m'aider à montrer un exemple de diagramme à secteurs avec des étiquettes-ou diagramme à secteurs avec tous les outils de son segment sont visibles?

mise à JOUR

grâce à @potatopeelings, sa réponse fonctionne parfaitement pour le Graphique.js v2.1.

bien que j'ai d'abord demandé comment afficher en permanence des infobulles sur le diagramme à secteurs ici, j'ai trouvé une meilleure solution: afficher les valeurs sous forme d'étiquettes en pourcentages! Elle est maintenant activée pour le diagramme à secteurs dans le graphique.js v2.1. Dans le graphique options:

animation: {
  duration: 0,
  onComplete: function () {
    var self = this,
        chartInstance = this.chart,
        ctx = chartInstance.ctx;

    ctx.font = '18px Arial';
    ctx.textAlign = "center";
    ctx.fillStyle = "#ffffff";

    Chart.helpers.each(self.data.datasets.forEach(function (dataset, datasetIndex) {
        var meta = self.getDatasetMeta(datasetIndex),
            total = 0, //total values to compute fraction
            labelxy = [],
            offset = Math.PI / 2, //start sector from top
            radius,
            centerx,
            centery, 
            lastend = 0; //prev arc's end line: starting with 0

        for (var val of dataset.data) { total += val; } 

        Chart.helpers.each(meta.data.forEach( function (element, index) {
            radius = 0.9 * element._model.outerRadius - element._model.innerRadius;
            centerx = element._model.x;
            centery = element._model.y;
            var thispart = dataset.data[index],
                arcsector = Math.PI * (2 * thispart / total);
            if (element.hasValue() && dataset.data[index] > 0) {
              labelxy.push(lastend + arcsector / 2 + Math.PI + offset);
            }
            else {
              labelxy.push(-1);
            }
            lastend += arcsector;
        }), self)

        var lradius = radius * 3 / 4;
        for (var idx in labelxy) {
          if (labelxy[idx] === -1) continue;
          var langle = labelxy[idx],
              dx = centerx + lradius * Math.cos(langle),
              dy = centery + lradius * Math.sin(langle),
              val = Math.round(dataset.data[idx] / total * 100);
          ctx.fillText(val + '%', dx, dy);
        }

    }), self);
  }
},