1,845 questions
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 = ...
-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 ...
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 ...
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, ...
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, ...
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:...
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 ...
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) {
...
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 ...
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, ...
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:
...
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 ...
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. ...
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 ...
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 ...
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 ...
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 = '%...
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 ...
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 ...
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 ...
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 ...
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?
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 ...
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 ...
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.
...
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=...
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 ...
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) {
...
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 ...
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/...
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 ...
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.
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 ...
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)
....
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 ...
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 ...
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 ...
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, ...
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:
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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: ...
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 ...
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 ...
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 ...
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 ...