在c3中配置组选择

Question

我正在创建在同一x轴上具有四个条形图的图表。我的要求是单击前两个栏时显示单个工具提示。选择最后两个栏时的其他提示。此工具提示显示正在由randomFunc处理。问题是selection: {grouped: true,}创建了所有a , b, c, d的组，但是我想要a, b和c, d的组。这将使我在选择a,b或a时获得b的数据。

下面是代码：

const jsonData = {
          a: [30, 200, 100, 400, 150, 250],
          b: [30, 200, 100, 400, 150, 350],
          c: [30, 200, 100, 400, 150, 250],
          d: [30, 200, 100, 400, 150, 350]
        };
c3.generate({
      bindto: document.getElementById("chart"),
      data: {
        json: jsonData,
        type: "bar"
        selection: {
          grouped: true,
        },
        onclick: (d, element) => {
            randomFunc(d,element)
        }
      },

randomFunc(d,element) // getting called 4 times.

检查代码：Here