Javascript nvd3联锁元件点击事件与其他图表

我想通过各种类型的图形显示数据

所以我做了一个函数来写这样的图

drawLineChart('linechart2');
drawBarChat('barchart1');


function drawLineChart(div) {

    nv.addGraph(function() {
        var chart = nv.models.lineChart();
        var fitScreen = false;
        var width = 600;
        var height = 300;
        var zoom = 1;

        chart.useInteractiveGuideline(true);
        chart.xAxis
            .tickFormat(d3.format(',r'));

        chart.lines.dispatch.on("elementClick", function(e) {
            alert(e.value+' / '+e.point);
        });


        chart.yAxis
            .axisLabel('Voltage (v)')
            .tickFormat(d3.format(',.2f'));

        d3.select('#'+div+' svg')
            .attr('perserveAspectRatio', 'xMinYMid')
            .attr('width', width)
            .attr('height', height)
            .datum(sinAndCos())
            .call(chart);

        return chart;
    });
}

我还没有为条形图创建函数，但问题是

如何将“元素单击事件（隐藏和显示元素）”与其他图表联锁

想要制作4种类型的图表，如主页示例

chart.stacked.dispatch.on('areaClick.updateExamples', function(e) {
        setTimeout(function() {
          mainExample.update();
          exampleOne.update();
          //exampleThree.update();
        }, 100);
      })

使用此事件侦听器解决问题

main示例，示例一

是您需要的图表列表iterlock