Skip to main content
Filter by
Sorted by
Tagged with
0 votes
1 answer
12 views

How to filter data in 3 different dc.js tables independently?

I have a data collection which combines three different metrics (received calls, emails, and chat messages), and I want to display it in three separate tables using dc.js and Crossfilter: const ndx = ...
AJPerez's user avatar
  • 3,595
-1 votes
2 answers
56 views

How do I obtain a DC.js file for versions greater than 4.0?

I'd like to upgrade from DC.js v4.0.0 to v4.2.7, since this issue indicates that 4.2.7 is a stable release. The GitHub page has a "Releases" pane on the right-hand side that I was ...
Borea Deitz's user avatar
0 votes
1 answer
56 views

Crossfilter for DC chart not working properly

I am new to DC chart. I am trying to show pie, bar and row chart of patients for specific regions using static array. I am using the example as showing here. The issue is when I select a single bar ...
Somnath Pal's user avatar
  • 1,512
2 votes
2 answers
82 views

How do you create a pie chart of subitems using a crossfiltered powered dc.js chart?

Suppose I have a list of customers with their orders: const customers = [ { id: 1, orders: [{ products: ["apple", "banana"] }, { products: ["apple"] }] }, { id: 2, ...
RoboKozo's user avatar
  • 5,052
1 vote
0 answers
29 views

crossfilter.isElementFiltered for external datapoints

I need a convenient way to check if an arbitrary datapoint i.e. not part of the current crossfilter data would be filtered or not. The only way I've found is to add the datapoint to the crossfilter, ...
o-o's user avatar
  • 8,234
0 votes
1 answer
37 views

uncaught TypeError: reduceInitial is not a function

I have an error that I cannot understand. It looks like I forgot to load a library but I've gone through all the available d3 libraries I can't see which library has reduceInitial as a function. I use:...
Gilles Criton's user avatar
1 vote
1 answer
47 views

Why every single dc.barChart example groups on dimension?

My mental image of crossfilter is that you create your dimension over the variable you wish to study, and create "bins" over that dimension, i.e. group(). I want to create a bar chart ...
o-o's user avatar
  • 8,234
1 vote
0 answers
16 views

Dc bar charts click function does not work on custom crossfilter dimensions

So, in my dataset I have one integer age variable. I am creating a custom crossfilter dimension and group of that variable as I need age ranges. const ageRangeDim = ndx.dimension(function(d) { ...
user3050590's user avatar
  • 1,716
1 vote
0 answers
54 views

dc.js 4.2.7 pieChart with legend having extra space

I am using dc.js to create some charts and one of the pie charts with legend is having issue with the whitespace. I have tried fixing it by adjusting the width attribute of the pie chart but it didn't ...
Sri Reddy's user avatar
  • 7,012
1 vote
0 answers
99 views

Dc.js with React: how to make a grouped bar chart?

Reference to this link https://jsfiddle.net/gordonwoodhull/tcraqj5e/6/ Can someone help me create a grouped bar chart using react-dc-js? I was able to create a dimension and group like in this link, ...
Physicalpixel's user avatar
1 vote
1 answer
196 views

DC.js Cannot read properties of undefined (reading 'by') at _chart.ordering

I'm running DC.js rev 3.0.2 and D3.js rev 5.16.0 and Crossfilter.js rev 1.5.4. When creating a simple pie chart from the examples, it doesn't show anything and gives the following output in console: ...
Cees's user avatar
  • 13
1 vote
0 answers
38 views

Multiple Control Spans/ Ranges, one dimension in dc.js or crossfilter

I was wondering if it's possible to create multiple simultaneous control span filters in dc.js or crossfilter for a single dimension (e.g., something like the picture below). I was hoping you could ...
jackbdolg's user avatar
  • 115
1 vote
0 answers
66 views

DC.js pie chart of already summarized data

I have aggregate data like so: Event Yellows Reds talls shorts A. 1 3 5 0 B. 0 7 17 19 So each row contains a set of colours and a set of heights. ...
artfulrobot's user avatar
  • 21.3k
2 votes
1 answer
223 views

Dc.js conflicts with Bootstrap styles on rowchart

I'm building a dashboard using dc.js/d3.js/crossfilter/bootstrap but I'm stuck on building a row chart. The problem is that all the rows of the chart are rendering with the same length, even when the ...
anonymus_rex's user avatar
0 votes
0 answers
273 views

How to make a multiple line chart with series color determined by another property

I'm currently building a angular project where i need to draw a line chart with multiple datasets. Angular 14 dc.js 4.2.7 Each line should represent a mac address and the line color should be ...
user3267841's user avatar
1 vote
1 answer
229 views

How to use dc.js with next.js (asterisk/wildcard import issue)?

Within a next.js (12.3.1) application I have a chart component where I import and use dc.js (7.6.1): import * as dc from 'dc' The chart is correctly shown and using an asterisk/wildcard in the import ...
Stefan's user avatar
  • 12.2k
1 vote
1 answer
81 views

Adding a horizontal baseline to a SeriesChart in dc.js

So I have a SeriesChart with this code: 'use strict'; var sectorChart = new dc.SeriesChart('#test-chart'); d3.json('php/query.php?option=sectors').then(data => { const dateFormatSpecifier = '%...
Julen's user avatar
  • 329
2 votes
2 answers
668 views

How can you change the line thickness in a line chart in dc.js?

I would like to change the line thickness for the plotted line (not the axis), in a dc.js line chart. I guess this will be really basic, but cannot for the life of me find anything about it. Not a ...
Julen's user avatar
  • 329
2 votes
1 answer
159 views

dc.js types in typescript

I have a problem with types when I use dc.js version 4.2.7. In order to solve it I installed what seems to be the default types module for dc.js with the following command: Install command I used npm ...
jogarcia's user avatar
  • 2,732
0 votes
0 answers
67 views

dc.js rowchart Place of others not used

js a rowchart. For hiding the "others" i use following: chart.othersGrouper(null); this hide the row others, but the place of this row is not used for the "normal" rows? Is there ...
sn00py's user avatar
  • 49
1 vote
1 answer
96 views

dc.js series linechart one line per year

Hello i use this code for getting my line with a point for each month. Now i would like to get automatically a serie for each year - what is the best way for this? function Dimension() { return ...
sn00py's user avatar
  • 49
1 vote
0 answers
15 views

d3/dc.js yAxis combine elasticY with a minValue [duplicate]

Is it possible to combine elasticY with a minValue? i would like to let the maxValue of the yAxis calculate automatic, but the minValue should be fixed - is this possible?
sn00py's user avatar
  • 49
1 vote
0 answers
33 views

dc.js / d3 xAxis show and order Monthname in linechart

Hello i have a question about dc/d3, i would like to show on the xAxis the monthname, Januar till December (in correct order) The Value should be sum up for each year (i mean on January shoud be the ...
sn00py's user avatar
  • 49
2 votes
1 answer
56 views

How to move the x-axis position using dc.js?

I have this: But I want the x axis to run along y=0, e.g. And ideally I'd either have the tick labels on top i.e. in the blue bit, or where they were at the bottom of the chart. EDIT: how the chart ...
artfulrobot's user avatar
  • 21.3k
1 vote
0 answers
25 views

Rotating x-axis for bar chart with dc.js [duplicate]

I'm trying to rotate the x-axis label for my bar chart since if the names are too long, the labels overlap with each other. How do I rotate it at like 65 degrees so that it looks something like this. ...
fairlyMinty's user avatar
1 vote
0 answers
89 views

How can I solve the console error for dc.js OnClick functions?

I'm currently using d3.js version 7.4.4 and dc.js version 4.0.0. Here's the code for making a bar chart and 2 pie charts using the same data: dataCount = dc.dataCount('#data-count'); var CountryChart=...
Manan Uppadhyay's user avatar
1 vote
0 answers
213 views

ReactJS dashboard using dc.JS and nivo charts

I was working on a reactJS dashboard PoC, with data filtering/slicing capability across charts. Zeroed on dcjs and nivo charts for their capabilities. I would like to understand whether nivo charts ...
SD2007's user avatar
  • 26
1 vote
0 answers
60 views

crossfilter.js - count intervals contained within a range

My dataset consists of records with start and end timestamps. The barchart's dimension is based of the end timestamp: const dim = this.cf.dimension((item) => { switch (this.config.xAxis) { ...
Trevor Lyon's user avatar
1 vote
0 answers
27 views

custom method in .filterHandler not being called

I'm trying to implement a custom filter handler for a single number display on a dashboard. I'm trying to use the .filterHandler method to define my own handler, but it doesn't seem to be calling that ...
Trevor Lyon's user avatar
1 vote
0 answers
40 views

How to select begin and end dates independently with dc.js

Is it possible to filter a chart by selecting a specific begin date and then an end date without one interfering with the other? For example I'm using a barChart and I have a range like range: [01/02/...
Flávio Jardim's user avatar
1 vote
0 answers
103 views

Crossfilter for downsampling data in dc.js plot

I'm trying to downsample an array that has ~10,000,000 points based on the current zoom state. The downsampling mechanism is through downsample module, using LTTB function; below is a simple example ...
joshp's user avatar
  • 816
1 vote
1 answer
481 views

Is dc.js (used with crossfilter and d3.js) still a good option for Big data visualization on a browser page?

I'm try to build an online dashboard to visualize a large csv dataset and i want to be sure i'm following the right path. Thank you everybody.
giovnn's user avatar
  • 21
1 vote
0 answers
50 views

DC.js and ReactJS - zoomable bar charts - .focus([]) not working

There is a very good example of a zoomable bar chart on the DC.js examples website: https://dc-js.github.io/dc.js/examples/focus-ordinal-bar.html Has anyone been able to get a similar thing working on ...
Charles Byrne's user avatar
0 votes
0 answers
109 views

Row chart puts zero at center when no data

I am creating row chart using dc.js in angular, but the chart is not aligned properly. See the screenshot below: var chartData=dc.rowChart(".div"); chartData .width(900) ....
shri Kanchi's user avatar
1 vote
0 answers
51 views

dc.js chart with Square, Line and Triangle

I have a requirement to build the chart shown below: I'm not sure about the name of the graph. But the structure of the graph should be like this. It contains horizontal line with square at the end ...
Lim's user avatar
  • 131
1 vote
0 answers
69 views

complex multipart clickable label on dc.js bar chart

I am new to dc.js. I want to build the chart pictured below: On the top of each bar, there should be values like 2/3. This denotes the number of records for two different categories. I need to show ...
Limna's user avatar
  • 403
1 vote
0 answers
41 views

Does DC.js offer grouped barchart now

I am working on some visualization project and I am in of need a grouped barchart but as i saw from old posts it was not available in dc.js. I am wondering if its now available in recent versions of ...
Michael Phandera's user avatar
1 vote
1 answer
109 views

how to format or customize the section label of dc.js dataTable

when using a dc.dataTable with sections, the "section" method receives a callback to return the value to use as key for the sections. This value is used for grouping the data into sections, ...
cesarpachon's user avatar
  • 1,213
1 vote
1 answer
405 views

Move x-axis label on DC.js chart

Wondering how I get the x-axis label to not overlap with the tick marks (see below) Any help much appreciated EDIT: As per Gordon's solution below:
joshp's user avatar
  • 816
1 vote
0 answers
21 views

Count records excluding duplicates [duplicate]

I have an array like below, i want to count number of objects where v=="dynamictext" from the dimension without repeating value of key k.Please refer to the example below : e.g. lets say i ...
Michael Phandera's user avatar
1 vote
0 answers
154 views

How to make a datatable with crossfilter2 from dimension with arrays?

I have data like this: IDX Name 1 Jack,Mike,Amy 2 Amy,Mike 3 Amy 4 Jack,Rachel And with crossfilter2, I've been able to make a pie chart of each individual and the number of times they are ...
Adam Boyher's user avatar
2 votes
0 answers
40 views

How to sort dc.graph.js node colors based on a specific attribute in the dataset?

I want to visualize a dataset using dc.graph.js, and I want to have the nodes to show different colors based on different values of a specific attribute in the data file. Here is a sample json dataset ...
happylilem's user avatar
1 vote
0 answers
75 views

How to add multiple geojsons to a geochoropleth in dc.js?

I'm trying to create a geochoropleth that maps subregions, but also includes outlines of larger regions. (You can think of it like mapping counties, but then wanting to include thicker outlines of ...
tillandsia's user avatar
1 vote
1 answer
309 views

Correlation Matrix in dc.js

I'm trying to use dc.js for a correlation matrix. My data looks as follows: name,v1,v2,v3,v4 john,1,1,2,0 mary,2,1,1,1 albert,2,1,0,1 lynn,2,2,1,1 ... and I would like to render a chart that looks ...
Hagen's user avatar
  • 287
2 votes
1 answer
148 views

dc charts look different when building Angular App in production mode

I'm currently working on an application that is using d3, dc, and crossfilter to render some charts. crossfilter2: v1.4.6 d3: v3.5.17 dc: v2.2.1 I was working on making the Y scale only showing ...
codeThinker123's user avatar
1 vote
0 answers
385 views

Showing tooltip with touch-and-hold on touch devices

The behavior of a mouse over is that a tooltip is shown on dc.js charts (.title attribute). How can I make a touch device show this same tooltip when a "touch and hold" (see option 1 at: ...
Marc8932's user avatar
  • 111
1 vote
1 answer
199 views

How to assign different color to different line on a stacked line chart?

I have a line chart created using the dc.js library. The line chart is based on two different corssfilter groups by calling stack method. I don't want to use the default colors dc.js provides. How do ...
Jason Li's user avatar
2 votes
0 answers
167 views

customizing dc-tableview via the underlying DataTables object

dc-tableview is an interactive chart for dc.js library that presents filtered data (by crossfilter.js) in tableview form. The method "getDatatable()" returns underlying DataTable object for ...
Marc8932's user avatar
  • 111
1 vote
0 answers
57 views

How to use custom label color logically to a row chart in dc.js using ReactJS

How to use custom label color to a row chart in dc.js my requirement is to show green and red color on the basis of some logical condition. I have tried 'pretransition' but not understand how to use ...
Killerrr_anku's user avatar
2 votes
0 answers
73 views

Summing a multi-dimension crossfilter to reduce the number of dimensions

I'm working wtih @tillandsia on this problem and have made some strides thanks to @Gordon's advice. I've reshaped the data so there are Date, Hair Color, Age Group, and Value columns. E.g. Date, Hair ...
Daniel Baker's user avatar

1
2 3 4 5
37