nvd3改变酒吧颜色

Question

我有一张nvd3条形图。

我点击事件定义如下：

chart.multibar.dispatch.on("elementClick", function(e) {});

当我点击一个bar元素时，我可以通过回调中的“e”参数获取元素信息，它给了我

Object {data: Object, index: 1, color: "rgb(31, 119, 180)"}

如何使用此索引值更改特定条形图的颜色？

Answer 1

你有一个系列索引和一个点索引，你需要找到相应的栏并改变它的风格，就像那样

chart.multibar.dispatch.on("elementClick", function(e)
{
    d3.select('.nv-series-'+ e.seriesIndex +
        ' .nv-bar:nth-child('+ (e.pointIndex + 1) +')').style('fill','red');
});