双击 c3js 折线图答案

【问题标题】：Double clicking on c3js line chart双击 c3js 折线图
【发布时间】：2019-01-17 00:35:56
【问题描述】：

我正在尝试在 c3js 折线图上创建双击事件。我使用以下代码创建了具有其他类型图表的双击事件：

    chart.internal.main.selectAll('.' + c3.chart.internal.fn.CLASS.eventRect).on('dblclick', function (d) {
    var $$ = chart.internal;
    $$.main.selectAll('.' + c3.chart.internal.fn.CLASS.bar).each(function (d) {
        if ($$.isWithinShape(this, d)) {

         ...

        }
    });

但是，当我在折线图上尝试此操作（将 c3.chart.internal.fn.CLASS.bar 更改为 c3.chart.internal.fn.CLASS.line）时，它会捕获图表中的所有线条，并且不会提供有关我单击 X 轴位置的信息。我查看了CLASS 下的所有其他值，但找不到任何可能对应于分隔线段的点。

【问题讨论】：

标签： javascript linechart c3.js double-click

【解决方案1】：

我想通了。我需要使用c3.chart.internal.fn.CLASS.circle。这将告诉我点击了哪个数据点。

我没有在关闭圈子的情况下尝试过这个。那可能就不行了。

【讨论】：