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

Question

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

我想两个功能添加到这个柱状图

1. 相反的数字，我想提示标题显示在给定cordinate横杠显示的次数的总和。

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。