Comment puis-je dessiner donut avec des valeurs absolues au lieu de pourcentages avec Keen.io & c3?

Question

J'utilise Keen.io ("version": "3.4.1") JavaScript SDK, ainsi que leur intégration avec C3.js, pour produire un graphique en anneau en utilisant le code ci-dessous. Cependant, je ne veux pas de pourcentages, mais plutôt des chiffres absolus. À partir de la lecture des docs et en regardant examples (voir "var c3gauge") et example, je pensais que vous pourriez modifier la sortie en appliquant le chartOptions. Cela ne semble pas fonctionner. À ce stade, j'ai l'impression de faire quelque chose de stupide que je ne sais pas.

Comment est-ce que j'affiche des valeurs absolues dans mon beignet, pas des pourcentages?

     var c3donut = new Keen.Dataviz() 
 
          .library('c3') 
 
          .chartType('donut') 
 
          .el(document.getElementById(elem)) 
 
          .title("Awesome Sauce") 
 
          .parseRawData(data) 
 
          .chartOptions({ 
 
           donut: { 
 
            label: { 
 
             format: function (value) { 
 
              console.log("I never fire, why?"); 
 
              return value; 
 
             } 
 
            } 
 
           } 
 
          }) 
 
          .render();

Answer 1

Ceci est possible avec la bibliothèque keen-dataviz.js. J'ai créé un exemple de travail ici: https://jsfiddle.net/bx9efr4h/1/

Voici une partie du code qui a fait fonctionner:

var chart = new Keen.Dataviz() 
    .el('#chart') 
    .type("donut") 
    .chartOptions({ 
     donut: { 
     label: { 
      format: function(value) { 
      return value; 
      } 
     } 
     } 
    }) 
    .prepare(); 

-js désireux fonctionne un peu différemment parce que c3.js n'est pas la bibliothèque de DataViz par défaut pour elle . C'est probablement pourquoi cela ne fonctionne pas comme prévu pour vous.