Questions tagged [nvd3.js]
NVD3.js is a library of re-usable charts and chart components for D3.js.
nvd3.js
1,822
questions
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 ...
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 ...
1
vote
0
answers
127
views
Can't interpret arcs in TopoJSON
I'm having a lot of problems trying to interpret the arcs member of the TopoJSON as opposed to the coordinates member of the GeoJSON.
Using this reference https://observablehq.com/@syaleni/topojson-vs-...
0
votes
1
answer
100
views
Add chart to html project
I am a newbie in this field. I want add chart.js code to my project. But I can't do it.
Here is my main.html - main area:
<!-- main area -->
<div class="main-content">
<...
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 &...
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 ...
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?
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 ...
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....
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 ...
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 ...
0
votes
1
answer
37
views
No axis ticks on nvd3.js multiBarHorizontalChart
Here is a nvd3.js horizontal multibar chart. The x-axis has no ticks (between 0 and 44.6). How can I get some x-axis ticks?
<!DOCTYPE html>
<html>
<head>
<meta charset="...
2
votes
1
answer
54
views
Title for keys in nvd3 multiBarChart
Is it possible to have a legend for the "key" variable in a nvd3 multibarchart?
The keys appear at the top right corner, "In progress" and "Complete" in the example below....
0
votes
1
answer
93
views
NVD3 Multi series line bar chart
So the current Nvd3 Line Bar Chart only allows 1 key for line and 1 key for bar. Is there a way to have multiple keys for line and bar, just like the standalone Line Chart and Bar Chart?
0
votes
1
answer
130
views
Find intersection of given two lines each passing through more than two points
Challenge:
We have two lines.
Blue line passes through points : (20,100), (25,44.44), (30,30), (35,20), (40,0), (45,0), (50,0), (55,0), (60,0)
Pink line passes through points : (20,00), (25,0), (30,0),...