如何用c3.js显示工具提示标题中的每列总数?

时间:2015-07-01 11:01:17

标签: javascript d3.js c3

toke it from c3 official page

在这种情况下,我想在工具提示标题上显示180而不是0。我知道它可以像c3 official documentation中那样进行自定义。但我找不到获得每列总量的方法。

1 个答案:

答案 0 :(得分:6)

只需编写自己的工具提示内容功能

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

小提琴 - http://jsfiddle.net/x0b3w32e/