Initial Range selection in DC.js chart

by

The filter code is a bit tricky in dc.js. If you specify an array of values, it will not interpret the array as a range. (It will either interpret the array as a single value, or if the array contains another array, it will filter on the values inside that array.)

Try specifying a ranged filter object instead:

    .filter(dc.filters.RangedFilter(7, 10))

More Related Contents:

  1. dc.js – how to create a row chart from multiple columns
  2. Is there a way to tell crossfilter to treat elements of array as separate records instead of treating whole array as single key?
  3. Show values on top of bars in a barChart
  4. Filter array of objects based on another array in javascript
  5. How can I group data with an Angular filter?
  6. Filter object properties by key in ES6
  7. How to filter an array from all elements of another array
  8. javascript filter array multiple conditions
  9. How to map more than one property from an array of objects
  10. Filter array of objects with another array of objects
  11. Adding an image within a circle object in d3 javascript?
  12. How can d3.transform be used in d3 v4?
  13. d3.json method doesn’t return my data array
  14. How to invoke “click” event programmatically in d3?
  15. Packing different sized circles into rectangle – d3.js
  16. Geojson map with D3 only rendering a single path in a feature collection
  17. D3 Force Directed Graph: why don’t the flags appear?
  18. Adding FontAwesome icons to a D3 graph
  19. Why does d3.js v3 break my force graph when implementing zooming when v2 doesn’t?
  20. D3 Bar Graph example not working locally
  21. Add text label to d3 node in Force layout
  22. D3 – how to deal with JSON data structures?
  23. AngularJS : Asynchronously initialize filter
  24. Align Marker on node edges D3 Force Layout
  25. Add names of the states to a map in d3.js
  26. How to translate ‘this’ in D3 JavaScript to TypeScript?
  27. How to use Array.prototype.filter with async?
  28. D3 Non-Continuous Dates Domain Gives Gaps on X-Axis
  29. d3 sankey charts – manually position node along x axis
  30. clicking a node in d3 from a button outside the svg

Leave a Comment