Error: <g> attribute transform: Trailing garbage, "translate(0,NaN)" on dc.js brushing

javascript d3.js dc.js
user3050590 picture user3050590 · May 16, 2016 · Viewed 9.1k times · Source

The purpose of my code is to use the range chart(bar chart) that shows the count of the datasets produced in years, to brush on the focus chart(line chart). The focus chart then displays the count on the monthly basis. My code is here . It seems to be working fine when I select a big range through the brush. However, when I select small range like: 1 or 2 bars, it shows me the following error

 Error: <g> attribute transform: Trailing garbage, "translate(0,NaN)".    d3.v3.min.js:4

Moreover, it does not filter the focus chart as well then. I will appreciate any help

Answer

Related questions

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 …

Read More
Using an ordinal scale ('d3.scale.ordinal') for the x-axis in a bar chart

I have a data array like this: var data = [{"Alphabet_Type":"a"}, {"Alphabet_Type":"b"}, {"Alphabet_Type":"a"}]; I am using: dc.js crossfilter.js d3.js I want to create a bar chart with: the x-axis having an alphabet …

Read More
Multi-series bar chart in DC-js

I'm using DC.js ( lib on top of D3 ) and have a great example of a single series bar chart: var xf = crossfilter(data); var dim = xf.dimension(function (d) { return d["EmployeeName"]; }); var group = dim.group().reduceSum(function (d) { …

Read More