在c3js工具提示標題中顯示條形圖的總數

Question

我有一個類似於此鏈接中所示的條形圖。

我想在此條形圖中添加兩個功能

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]

參見示例 。