使用jquery触发nvd3中的图例单击事件

Trigger legend click event in nvd3 using jquery?

本文关键字：单击 事件 jquery 触发 nvd3 使用      更新时间：2023-09-26

我将nvd3用于多条形图，当用户单击我页面上的另一个html时，我想重新绘制图表。我尝试使用jQuery在nvd3主页上选择"Stream0"图例圆圈(http://nvd3.org/)并在控制台中使用以下片段单击它：

$($('g.nv-series')[0]).click()

出于我希望对更了解javascript的人来说会立即显而易见的原因，什么都没发生。这与活动代表团有关吗？

http://nvd3.org/

你可以试试这个：

chart.legend.dispatch.legendClick = function(d, i){
//redraw
};

它会将您自己的方法附加到图例中；它适用于饼图，不确定是否适用于折线图；

也许这方面有一些帮助。两个图表，一个饼图，一个堆栈，但只显示饼图上的图例。数据不完全相同，但图例相同。。希望在单击饼图图例时同时更新这两个图例。

        chart.legend.dispatch.on('stateChange.pie', function(d,i){
            setTimeout(function() {
                stackedAreaChart.dispatch.changeState(d,i);
                stackedAreaChart.update();
            }, 100);
        });

注意：使用".pie"将扩展（库）stateChange事件（而不是覆盖它）另一个图表堆叠ReaChart必须在范围内。请注意，有一个changeState事件和一个stateChange，最好是查看未缩小的nvd3-js文件。。

相关文章：