d3.js - 使用 c3.js (Javascript SDK) 修改 Keen.io 圆环图

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 copy-pasta），但事实并非如此。

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

参考：

• 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;
            }
        }
    }
}
...