显示c3js工具提示标题中条形图的总计数

Question

我的条形图类似于此link中显示的条形图。

我想在此条形图中添加两个功能

1. 我希望工具提示标题显示给定坐标栏上显示的计数总和，而不是数字。

2. 我想在工具提示中显示％而不是实际数。

有人可以帮帮我吗？

Answer 1

这可以通过配置tooltip.format.title：

来完成

   tooltip: {
      format: {
        title: function (index) {
          return totals[index]
        }

和tooltip.format.value：

        value: function (value, ratio, id, index) {
          return d3.format("%")(value / totals[index])
        }
     }
  }

正如您在上面所看到的，您需要计算数据组的总值：

var totals = [390, 500, 500, 900, 550, 550]

请参阅example 。