双击c3js折线图

时间:2019-01-16 16:25:55

标签: javascript linechart c3.js double-click

我正在尝试在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下的所有其他值,但是找不到任何可能与分隔线段的点相对应的东西。

1 个答案:

答案 0 :(得分:1)

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

我还没有尝试过关闭圈子功能。那时可能不起作用。