NVD3图表单击具有焦点的事件

时间:2015-04-15 08:33:44

标签: javascript jquery charts nvd3.js

我正在使用NVD3 linePlusBarChart。由于这个,还有一个焦点图表。 我想在其上添加一个点击事件。

当没有焦点时,我能够使它工作,但当我关注图表时,点击事件不再起作用。

如何让我的点击事件随时可用(焦点或不焦点)?

这是我的代码:

var chart;
nv.addGraph(function() {
    chart = nv.models.linePlusBarChart()
        .margin({top: 50, right: 60, bottom: 30, left: 70})
        .x(function(d,i) { return i })
        .y(function(d,i) {return d[1] });

    chart.xAxis
      .showMaxMin(false)
      .tickFormat(function(d) {
        var dx = testdata[0].values[d] && testdata[0].values[d][0] || 0;
        return d3.time.format('%x')(new Date(dx))
      });

    chart.y1Axis.tickFormat(function(d) { return d3.format(',f')(d)});

    d3.select('#chart1 svg')
        .datum(testdata)
        .transition().duration(500).call(chart);

    nv.utils.windowResize(chart.update);
    chart.dispatch.on('stateChange', function(e) { nv.log('New State:', JSON.stringify(e)); });

    d3.selectAll(".nv-bar").on("click", function(e) {
        alert(JSON.stringify( e ));
    });

    return chart;
});

0 个答案:

没有答案