dc.js

Brush extent needs to be changed only from a dropdown as shown here: https://jsfiddle.net/dani2011/67jopfj8/3/ Need to disable brush extending by: 1) Extending an existing brush using the handles/resize-area of the brush Gray circles are the handels: 2) Dragging a new brush by clicking on the brush background, where the haircross cursor appears. JavaScript file Removed the handles of the brush: timeSlider.on('preRedraw',function (chart) { var timesliderSVG = d3.select("#bitrate-timeSlider-chart").selectAll("g.brush").selectAll("g.resize").selectAll("*").data(data[0]).exit().remove();}) If

I'm looking to create a stacked line graph similar to the following example: https://dc-js.github.io/dc.js/ However, in addition I would like a field above the graph that displays the current value of the mouseover. I.e. instead of having to pause for a second with the cursor on the graph, and then having a mouse over box come up, I would like the values to show outside the graph, similar to the way that they do in Google Finance (see how price and vol on top left of graph change as you mouseover). E.g. https://www.google.com/finance?q=apple&ei=MUiWVtnQIdaP0ASy-6Uo I would really appreciate

I'm building a dc.js-based visualization where one of the charts is a pie chart. See: http://jsfiddle.net/luiseth/t8we6/ The peculiarity of my case is that the labels that this chart will display are usually rather long, so much that usually get clipped by the chart's container (the <div> ). So I thought of having them appear on a legend, but I haven't been able to figure how to have the legend appear to the right of the chart. How can I do that? Playing around with the width has not helped at all, since the chart gets positioned at the center of the <div> . My code at the moment is: chart

How to sort data in dc.js chart (like row) - Ascending x Descending I want to reorder the chart (row/column) by specified attribute (like 'avg' -> ascending) I'm trying to use ".top()"... but unsuccessfully Thanks draft below jsfiddle -> ewr5Z/2/ You can use the ordering method: chart.ordering(function(d){ return -d.value }) If you write a custom reduce, you can have more flexibility: priceDimension = ndx.dimension(function(d) {return d.part_number; }); priceGroup = priceDimension.group().reduce( function (p, v) { ++p.count; p.sumPrice += v.price; p.avgPrice = p.sumPrice/p.count; return p; },