Skip to main content

All Questions

Tagged with
1 vote
1 answer
46 views

Angular v12: Uncaught (in promise): ReferenceError: d3 is not defined ReferenceError: d3 is not defined

Angular v12, try to use d3, nvd3 (not ng2-nvd3). Compile ok, but run time error. default-node_modules_d3_src_index_js.js:2 ERROR Error: Uncaught (in promise): ReferenceError: d3 is not defined ...
Jeb50's user avatar
  • 6,811
0 votes
0 answers
38 views

Not able to fit my d3js svg histogram into a div container

I created a histogram with d3 and I want to include it inside a box container. Below I have attached my expectation with the layout of the histogram. My code for creating the histogram is (I have ...
Adarsh's user avatar
  • 1
0 votes
0 answers
35 views

Source & Target element is same when we do Drag & Drop in touch Devices using D3 (v3.4.12 )

I am doing Drop & Drop from touch device , ideally the source element & target element should not be the same. Example I am dragging from polygon1 to polygon2 , so source should be Polygon1 &...
Godson Dabre's user avatar
1 vote
1 answer
47 views

Text Flip issue with D3.js , when transform attribute used

I am new to D3.js. I added simple polygon & than text, but it's showing text as Flipped text.This is because i have used 'Transform attribute' i guess. Is there anyway, i keep the existing ...
Godson Dabre's user avatar
1 vote
1 answer
250 views

What does the second argument do in the .tickSize(10, 1) in d3.axis?

I have been going through some code and I encountered .tickSize(10,1) and .tickSize(10, 0) I know the first argument fixes the tickSize. Can anybody explain what the second argument do?
Sathish Kannan's user avatar
0 votes
1 answer
97 views

NVD3 - Use superscript in axis label

TLDR: My NVD3 chart's Y-Axis label is "Molecular density (kg/m^3)" but I would like it instead to be "Molecular density (kg/m3)". I am currently using NVD3 JavaScript library to ...
Vada Poché's user avatar
0 votes
1 answer
82 views

NVD3 - show tick lines only on axes

TLDR: I have an NVD3 graph that shows tick lines all across the axis, but I would like to change it so it only displays on the axis lines if possible. Here is a live example: var app = angular....
Vada Poché's user avatar
5 votes
1 answer
2k views

Uncaught TypeError: Cannot read properties of undefined (reading 'document')

I am using nvd3 charts(nvd3-1.8.5, d3-3.5.17), facing the below issue after Upgrading from angular 12 to angular 14. When it was in angular 12 I didn't face any issues. Uncaught TypeError: Cannot read ...
Hemanth's user avatar
  • 61
0 votes
0 answers
50 views

A typical Bar graph Using D3JS or any other library with interactions. Can someone help on this?

Can we draw the below bar chart using d3js? In My view it looks very complex, Can someone help me to draw this? Interactions: On launch first, the Yellow bar lines should animate and after a couple of ...
Yashwanth Gurrapu's user avatar
1 vote
0 answers
98 views

nvd3 date comparison on x axis

As you can see on the photo, I pushed 2 different series to the nvd3 with datum function. Current line shows today and previous line shows previous range of date of data. What If I want to merge it on ...
bl4cksta's user avatar
  • 674
1 vote
0 answers
61 views

NVD3 tooltip change event

I have a nvd3 chart and a html table. I need to update table values as the user moves the mouse over the chart. Is there an event I can use to catch a nvd3 tooltip change and get the date value at the ...
gipadm's user avatar
  • 543
0 votes
2 answers
361 views

Custom tooltip in lineChart of nvd3.js

How to create a custom tooltip in lineChart of nvd3.js?, i want to add a "total" value in the tooltip something like this I've tried to call the chart.tooltip.contentGenerator, to create a ...
p3ac3's user avatar
  • 161
0 votes
0 answers
49 views

how to set background color only for last bar in d3 multibar chart

image of bar chartSpacing and background color the last bar from D3 bar chart? This may be a simple question, but if we have a bar chart which is built using D3.js then how can I decorate just the ...
Abhijeet Wagh's user avatar
2 votes
0 answers
249 views

How to execute code after a d3.js svg is fully loaded?

I use an external library that uses d3 to print a bubble chart. I am coding in Angular. I want to override the onmouseover event of one the sub-components within the bubble chart. If I type this in ...
Adrian Santos's user avatar
1 vote
2 answers
103 views

Understanding and rebuilding overload of a dataframe to d3 format

I am really desperated about a function for a dataframe overload, from R to the nvd3-line-chart. My inteniton is to display a dataframe in R Shiny app using the nvd3 linechart as shown here: https://...
Sam Amani's user avatar

15 30 50 per page
1
2 3 4 5
80