如何处理 nvd3 上的样式图表点击事件

Question

我想删除堆积面积图上的流样式（状态？（"Stream"、"Stacked" 和 "Expanded"））并使用此代码：

 d3.selectAll("g.nv-series")
        .filter(function() {
            return d3.select(this).select("text").text() == "Stream";
        })
        .remove();

但它只在第一次有效。我试图处理图表上的事件，因为我想刷新图表的呈现，但它不适用于样式点击。它仅适用于图例点击。

chart.legend.dispatch.on('legendClick', function(e){
     console.log('legend was clicked', 'no namespace.');
});

我如何处理点击样式事件？

Answer 1

setter

chart.style('stream');

getter

chart.dispatch.on('stateChange', function(e) { console.log(e); //e.style holds the current style });

可在此处找到可用样式列表https://github.com/novus/nvd3/blob/master/src/models/stackedArea.js#L299-L318

我也很难解决这个问题，所以我希望这对你有所帮助。干杯！

如何处理 nvd3 上的样式图表点击事件

How handle style chart click event on nvd3

nvd3.js