bubbleChart selection model about dc.js

[NickQiZhu]

If you are binding them to the same dimension then the filtering will not affect other bubble chart, however if you create different dimension instances even though they might generated using the same logic, the filtering will treat them as separate dimensions. Let me know if that is not the case.

[samsmits]

That's correct, and I suppose the current behavior is to be expected.
Is there an approach I might use to optionally fade the other charts utilizing the same dimension?

[NickQiZhu]

Yes, this is the expected behaviour from crossfilter group function. What
do you mean by fade, can you explain what you trying to do a bit?

Nick

On Thu, Aug 9, 2012 at 2:50 PM, samsmits [email protected] wrote:

That's correct, and I suppose the current behavior is to be expected.
Is there an approach I might use to optionally fade the other charts
utilizing the same dimension?

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/19#issuecomment-7623241.

[samsmits]

I was thinking along the lines of what the fadeDeselectedArea method accomplishes for the bubble charts.
I am reusing (minimizing overhead) a dimension in multiple charts yet render them using different parameters (they have different coordinates, parameters,etc). Selecting a node in one chart should indicate which node that is in a sibling chart.
Is there a call to the other graphs that I can tap into?

[NickQiZhu]

Interesting idea. I think you can accomplish this by using a custom renderlet. Renderlet can be added to each of your bubble chart since every bubble selection triggers the redraw event thus calling your renderlet. I guess in the renderlet you can over write the default onclick handler on the bubbles to filter simultaneously on all three charts:

bubbleChart1.renderlet(function(chart){
    chart.selectAll("g.node circle").on("click" function(){
        bubbleChart1.filter(d.key);
        bubbleChart2.filter(d.key);
        bubbleChart3.filter(d.key);
        dc.redrawAll(chart.chartGroup());
    }) ;
});

// repeat this with other charts

I haven't tried this myself though :) Let me know if it works for your use case.

[samsmits]

That works perfectly, thanks!
Does renderlet override the default (eg. 'click' in this example) behavior?

[NickQiZhu]

Yes, it does.