LineChart filtering

Im trying to create a lineChart which shows all the querytimes based on the date. However im trying to display it on seconds. But this causes the page to load extremely long it seems like the rendering can’t keep up.

Also the filtering doesn’t seem right whenever i click on a pie Chart the lineChart doesn’t filter correctly. If i select a range in my volumeChart just like in nasdaq example the chart won’t filter correctly aswell.

                                var querytime = calls.dimension(function (d) {
                                    return d3.time.seconds(d.dd);
                                });



                                var querytimegroup = querytime.group().reduce(
                                    function (p, v) {
                                        p.querytime = +v[6];
                                        return p;
                                    }, function (p, v) {
                                        p.querytime = +v[6];
                                        return p;
                                    }, function () {
                                        return { querytime: 0 };


                                    }
                                    );

[NickQiZhu]

try chart.filter(null)

[pdaems]

Didn’t seem to work makes the page crash.

          volumeChart.brush().clear();
          volumeChart.brush().x(null);

This kinda worked however the filtering doesn’t seem to apply to the range that you select the second time that you filter.

If you filter again for the second time the brush basically filters again on the values of the first X-axis