网站搜索

javascript - 如何在 c3.js 中在工具提示标题中显示每列的总和?


在这种情况下,我希望在工具提示标题上显示 180 而不是 0。我知道它可以像 c3 官方文档中那样自定义。但我找不到获取每列总数的方法。

答案#1

只需编写你自己的工具提示内容函数

tooltip: {
    contents: function (d, defaultTitleFormat, defaultValueFormat, color) {
        var sum = 0;
        d.forEach(function (e) {
            sum += e.value
        })
        defaultTitleFormat = function () {
            return sum
        };
        return c3.chart.internal.fn.getTooltipContent.apply(this, arguments);
    }
}

Fiddle - http://jsfiddle.net/x0b3w32e/