javascript - c3js 圆环图工具提示未显示

Question

我在使用 C3js donut 和工具提示时遇到问题。工具提示在我的折线图中工作得很好，我不明白在这种情况下什么不起作用。 这是可待因:https://codepen.io/prtome/pen/LmKPpy

我保持非常简单 - 我试图找出呈现带有多个切片的 donut 的最佳方式(从而去掉幻灯片内的标签)。 这是代码 HTML

<div id="chart"></div>

JS

  var chart = c3.generate({
  bindto: d3.select('#chart'),
  size: {
        width: 500
      },
  data:{
  columns: [
        ['data1', 30],
        ['data2', 120],
        ['data3',45],
        ['data120', 30],
        ['data121', 120],
        ['data311',56],
        ['data4', 30],
        ['data5', 120],
        ['data6',45],
         ['data7', 20],
        ['data8', 90],
        ['data9',45],
        ['data10', 30],
        ['data11',38],
        ['data12',33]
    ],
   type : 'donut'
  },
  donut:{
    label: {show:false  }
   },
   tooltip:{show:true},
   legend: {
    position:'right'
    }
  });

知道我哪里错了吗？非常感谢

(使用 d3 4.13.0 和 C3 0.6.1)

Answer 1

C3的github上给出了类似问题的解决方案 在 CSS 中添加以下内容

g.c3-chart {
  g.c3-event-rects {
    rect.c3-event-rect {
      pointer-events: none;
   }
 }
}

这样就可以了