使用c3.js修改Keen.io圆环图（Javascript SDK）

Question

我正在尝试使用Keen javascript SDK使用c3.js格式化圆环图。我的例子非常简单：

var query1 = new Keen.Query("count_unique", {
            eventCollection: "notification",
            filters: filters,
            groupBy: ["platform"],
            targetProperty: "event",
            timeframe: "this_7_days",
            timezone: "Europe/London"
        });

        client.draw(query1, document.getElementById("chart_1"), {
            library: 'c3',
            chartType: 'donut',
            title: 'Notification by platform',
            label: {
                format: function (value, ratio, id) {
                    return d3.format('$')(value);
                }
            }
        });

这很好用，我看到甜甜圈看起来很好（按平台拆分的甜甜圈）。但是，我希望实际值显示在标签中而不是总数的％。上面的片段应该是实现的（感谢一些SO复制意大利面），但它没有。

我尝试了很多组合，但根本无法更改标签。如果有人有任何想法，那就太棒了 - 谢谢。

参考文献：

• http://c3js.org/reference.html#donut-label-format
• https://github.com/keen/keen-js/blob/master/docs/visualization.md

Answer 1

您需要使用chartOptions之类的

...
chartType: 'donut',
chartOptions: {
    donut: {
        label: {
            format: function (value) {
                return value;
            }
        }
    }
}
...