我正在使用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;
});