如何使用Keen.io＆amp; amp; C3？

Question

我正在使用Keen.io（＆＃34;版本＆＃34;：＆＃34; 3.4.1＆＃34;）JavaScript SDK以及它们与C3.js的集成，以生成圆环图使用下面的代码。但是，我不想要百分比，而是绝对数字。即不是25％，而是7.

通过阅读文档并查看examples（请参阅＆＃34; var c3gauge＆＃34;）和example，我认为您可以通过应用chartOptions来修改输出。这似乎并没有起作用。在这一点上，我觉得我做了一些愚蠢的事情，我只是没有抓住。

如何在甜甜圈中显示绝对值，而不是百分比？

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

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

keen-js的工作方式略有不同，因为c3.js不是它的默认dataviz库。这可能就是为什么它不能像你预期的那样工作。