Stack Overflow
Stack Overflow

Questions tagged [dc.js]

dc.js is a JavaScript charting library with native Crossfilter support that fosters highly efficient exploration of large multi-dimensional datasets (inspired by Crossfilter's demo).

dc.js is a JavaScript charting library with native Crossfilter support that fosters highly efficient exploration of large multi-dimensional datasets (inspired by Crossfilter's demo). It leverages D3.js to render charts in the CSS-friendly SVG format, and it works best with flattened data. Charts rendered using dc.js are naturally data-driven and reactive, and therefore provide instant feedback to users' interactions.

Useful links

Related tags

1845 questions
7
votes
1 answer

How to generate a rolling std line chart in dc.js/reductio/crossfilter

I want to show a line graph with rolling std over the sum of values for an interval of dates. The code for the generation of the crossfilter/reductio object is : myCrossfilter = crossfilter(data); function getRunningDates(numDays) { return…
Chapo
  • 2,563
  • 3
  • 30
  • 60
7
votes
1 answer

dc.js charts with Angular2+

Has any one used dc.js with Angular2+ application. Any help or pointers will be appreciated. I am able to make my application running on normal html/java-script. Now I need to implement the same in Angular 2+ application.
jaychapani
  • 1,501
  • 1
  • 13
  • 31
7
votes
1 answer

dc.js access data points in multiple charts when click datapoint in first chart

Using different dimensions of the same dataset, there are three dc.js Line Charts on screen. When user clicks a datapoint on any lineChart, I wish to locate and return the data values for that corresponding point from all other charts, including the…
crashwap
  • 2,846
  • 3
  • 28
  • 62
7
votes
1 answer

Export Data from dc.js dataTable into CSV

I have a data table done by dc.js and crossfilter.js, and i want to export that table to CSV file.. dataTable.width(960).height(800) .dimension(by_id) .group(function(d) { return "" }) .size(data.length) .columns([ …
Ms.J
  • 161
  • 1
  • 11
7
votes
2 answers

Uncaught TypeError: Cannot read property 'textContent' of null error

I am trying to use dc.js to implement the crossfilter and d3. I am almost successful. When I run my code in JSFiddle, it works perfectly ok! But when i try to implement the exact code on the local system, it gives me Uncaught TypeError: Cannot read…
aakashgupta.0205
  • 647
  • 1
  • 8
  • 23
7
votes
1 answer

Accessing filtered/clipped data from a dc.js chart

I'm new to dc.js. I have some data: var data = [ {date: Date.UTC(2015, 4, 4), frame: "frame1" }, {date: Date.UTC(2015, 2, 1), frame: "frame2" }, {date: Date.UTC(2015, 2, 11), frame: "frame3" }, {date: Date.UTC(2015,…
claytonkucera
  • 347
  • 3
  • 12
7
votes
2 answers

Dc.js applying range Chart to multiple graphs

I have been working with dc.js for the last couple of weeks but there is one problem I just don't seem to be able to figure out. I want to be able to change the scales of four different charts based on a single chart with a brush filter. Something…
Suzie
  • 73
  • 1
  • 4
7
votes
1 answer

How to make graphs in dc.js scrollable within a fixed dimension div?

I have been making some graphs using dc.js and i am plotting some manufacturers in a row-chart against their count. when manufacturer increase in number the row width becomes really small and hard to distinguish. I tried to use overflow : scroll in…
Ankit
  • 394
  • 1
  • 4
  • 16
7
votes
1 answer

dc.js line chart with range of colors

I have a composite graph of two line charts. For one of them i'm attempting to apply a custom color range based on the value of each point on the line: .colors(['rgb(215,48,39)','rgb(244,109,67)','rgb(253,174,97)','rgb(254,224,144)']) .colorDomain…
Luiz
  • 223
  • 4
  • 12
7
votes
2 answers

Replace crossfilter data, restore dimensions and groups

I'm using dc.js to render a nice bubble chart of a dataset. Underlying dc.js is crossfilter. I'd like to smoothly refresh my chart with new data from the server. This issue on Github makes it clear that it is possible to do this by: deleting all…
LondonRob
  • 73,083
  • 37
  • 144
  • 201
6
votes
0 answers

How to catch Crossfilter data updates in DC.js?

I am working from the color-swatch chart example in dc.js. My chart (source) renders the size of its given to render data length value. All I want is for it to change on overviewChart filter update. So no selection: On selection: Yet I want is to…
DuckQueen
  • 772
  • 10
  • 62
  • 134
6
votes
0 answers

Integrate any D3.js Chart with DC.js

I am trying to figure out how to easily integrate any D3.js chart with the DC.js library so as to use the crossfilter feature between all charts. I also do understand a question of this nature has been asked before, adding the link for…
vivek raju
  • 165
  • 8
6
votes
1 answer

Using dimensions with arrays in dc.js/crossfilter

Crossfilter supports dimensions with arrays since version 1.4.0-alpha.06 https://github.com/crossfilter/crossfilter/wiki/API-Reference#dimension_with_arrays Is it possible to exploit this functionality in dc.js? I haven' found any examples yet... I…
emiguevara
  • 1,359
  • 13
  • 26
6
votes
2 answers

Disable brush resize (DC.js, D3.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…
Dani
  • 333
  • 3
  • 20
6
votes
1 answer

dc.js - display mouseover values from chart outside graph

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…
TheBlake
  • 267
  • 1
  • 5
  • 12
1 2
3
…
99 100