如何用Keen.io＆c3繪製百分比絕對值intead的甜甜圈？

Question

我正在使用Keen.io（「版本」：「3.4.1」）JavaScript SDK，以及它們與C3.js的集成，通過使用下面的代碼生成甜甜圈圖。但是，我不想百分比，而是絕對數字。即不是25％，但是7.

從閱讀文檔並看看examples（請參閱「var c3gauge」）和example，我認爲您可以通過應用chartOptions來修改輸出。這似乎並不奏效。在這一點上，我覺得我正在做一些愚蠢的事情，我只是沒有抓住。

如何在我的甜甜圈中顯示絕對值，而不是百分比？

     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

這是可能的keen-dataviz.js庫。我已經在這裏創造一個工作示例：https://jsfiddle.net/bx9efr4h/1/

下面是使它工作的部分代碼：

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

熱衷-JS的作用有點不同，因爲c3.js不是它的默認DataViz公司庫。這可能是爲什麼它不能像你期望的那樣工作。