How can I use 2 range sliders at the same time?

[Marek Kozela]

Hi everyone,

I have 2 range sliders (Age and Height) and the table. I want to use these 2 range sliders at the same time, but it seems that they are not working properly.

Also, under the table, there is the text "49 selected out of 49 records". These two numbers are also not changing while using the sliders.

Could you help me with this?

Thank you very much.

Marek

The website: http://d3.magnetica-hosting.sk/sortable-table-with-slider.html

[Gordon Woodhull]

Hi Marek,

Nice use of d3.slider.js - I haven't seen that used with dc.js before.

At a quick glance, I see two problems here. First, you're using one dispatch for both sliders, so both sliders are filtering the age, since that's the dimension of the table. You'd probably want to create another dimension for filtering by height, and you don't really need to attach that to a chart.

Second, instead of just redrawing the chart with dataTable.redraw(), you probably want to call dataTable.redrawGroup() so that all charts in its chart group get redrawn, including the dataCount.

In the future, it would be helpful to put your example in a jsFiddle or bl.ock, since I'm able to see your code and make some guesses about what's going wrong, but I'm not able to fork it to test hypotheses.

Cheers,
Gordon

--
You received this message because you are subscribed to the Google Groups "dc-js user group" group.
To unsubscribe from this group and stop receiving emails from it, send an email to dc-js-user-gro...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/dc-js-user-group/728bde76-e5d5-44e6-b073-c4bf4f5fa555%40googlegroups.com.

[Marek Kozela]

Hi Gordon,

could you, please, help me with this? I put the example in the Plunker:

http://plnkr.co/edit/Di9O8w5NkDOIoh9fL1qW?p=preview

Thank you very much.

[Gordon Woodhull]

Sure, I answered on SO because the code formatting is better. Thanks, your example should be useful to a lot of people.

https://stackoverflow.com/questions/46024705/how-can-i-use-2-range-sliders-at-the-same-time/46034395#46034395

To view this discussion on the web visit https://groups.google.com/d/msgid/dc-js-user-group/241d82ba-ec68-4e7b-b081-8cdae53a5318%40googlegroups.com.

[Marek Kozela]

Thank you very much for your time and help in answering my question :)