无法获取 c3.js 右键单击事件参数答案

【问题标题】：Can't get c3.js right click event arguments无法获取 c3.js 右键单击事件参数
【发布时间】：2020-12-04 21:12:12
【问题描述】：

我想控制 c3.js 图上的右键单击事件。
我找到了解决方案Right mouse click detection on SVG shape in JavaScript not working,
但我无法获取数据和索引参数。
有什么解决办法吗？

我使用的库如下。
c3.js v0.7.18
d3.js v5.16.0
我也使用 firebase js 插件。

onrendered: function () {
  d3.select("#chart1")
    .selectAll(".c3-event-rect")
    .on("contextmenu", function (d,i) {
      console.log(d); //argument d is always undefined.
      console.log(i); //argument i is always 0.
      d3.event.preventDefault(); // prevent default menu
      var vals = Chart1.data().map(function (series) {
        var name = series.id;
        return { name: name };
        //value: Chart1.data.values(name)[d.x]}; // d.x is the index
      });
    alert ("data: "+JSON.stringify(vals));
})

【问题讨论】：

标签： javascript d3.js c3.js

【解决方案1】：

是的，这是您引用的我的解决方案，但不幸的是，他们似乎已经更新了 c3，所以现在每个图表只有一个 .c3-event-rect，而不是每个 x 轴点，因此没有附加 d 和 i 信息

可能你最好的希望是向 c3 github 存储库添加一个功能请求，要求一个特定的右键单击侦听器

【讨论】：