nvd3.js Questions

2

In previous version's of nvd3 you can do the following to access the chart/graph object. chart = nv.graphs[0]; However in more recent versions this seems to have been removed: nv.graphs -> un...
Tack asked 7/10, 2015 at 17:44

7

Solved

I have several different NVD3 charts that I call upon in the same svg. I use buttons to call functions, each containing a new chart that uses its own data. Is there a way to clear my single svg wit...
Confute asked 17/3, 2014 at 10:38

2

Solved

How can force nvd3 graph to have certain number of ticks to be displayed, for example, please find below the image of the graph plotted: as seen below I have 7 values pushed to the array holding ...
Frantic asked 31/8, 2015 at 23:2

6

Solved

This question relates to NVD3.js multiChart x-axis labels is aligned to lines, but not bars I am using NVD3.js multiChart to show multiple lines and multiple bars in the chart. All is working fine...
Hasson asked 17/7, 2014 at 7:41

1

Solved

I need to add more attributes in tooltip series in Angular NVD3 line chart, if possible, without modifying the NVD3 source code. I know there are similar posts, but none of them covers this scenari...
Eakin asked 24/9, 2020 at 16:56

4

I am trying to get a specific width value set on a nvd3 discrete bar chart. I can change the rect elements after the initial render, but it seems like there would be some way to designate a bar wid...
Pharyngeal asked 12/7, 2013 at 14:35

3

Using this function, I can export image into excel(XLS). This code require physical location of the image. But instead of physical path, I want to pass dataUri of the image. e.g. data:image/jpeg;ba...
Daladier asked 11/5, 2017 at 21:35

3

I am currently using the multiChart model and I have two different y Axes. I would like to like to change both of the axes so that they start at 0 because currently they start at the smallest y dat...
Iceboat asked 12/6, 2013 at 16:5

11

Solved

I am using nvd3.js and trying to add a click event d3.selectAll(".nv-bar").on('click', function () {console.log("test");}); JSFiddle How can I do that ?
Antemortem asked 11/7, 2013 at 16:25

1

Solved

This is ugly: I need something that is not ugly. Time series are very usual, but I not see how to build a "plug and play" chart with ISO dates. Perhaps an equivalent question is "How to use d3...
Magel asked 28/6, 2019 at 14:32

4

Solved

I am currently using NVD3 to make a few line charts. I am wondering if it is possible to make the y axis ticks to always start from 0. Currently it always starts from the lowest y value. I have tri...
Russom asked 12/6, 2013 at 14:4

2

Solved

Based on this stackoverflow answer I was trying to copy essential parts to get proper scale for timeline. I use multibarcharts for multible graphs, from few records to hundreds with X-axis having d...
Imperceptible asked 1/12, 2018 at 22:47

7

Solved

I am using a library which appends a href element onto an tag. On this link I need to make a call to an angularjs function that is within scope. Something like... <a href="{{someFunction()}}"&g...
Mcclain asked 8/1, 2014 at 17:0

1

Solved

I have implemented NVD3 Charts in Angular 4. written an on Click event inside a callback function, on click of the chart I am trying to navigate to another component but I am unable to navigate. C...
Sapsucker asked 9/9, 2018 at 15:57

3

Solved

I'm using d3.js charts in one of my applications. Here they are in this image See Charts For Y axis on Money chart (See in the Image), I want maximum value rounded to 400, no matter what maximum b...
Buehler asked 12/2, 2013 at 20:1

2

Solved

i am converting angular nvd3 chart to svg using html2canvas and canvg plugings but when i convert pie chart to png then i looks same as chart but when i convert line chart or area chart then its ba...
Brochette asked 27/12, 2016 at 6:57

2

Solved

using NVD3 as a line chart all of my data is being inserted into one vertical line (as opposed to be across the horizontal) and when I hover the line I get 0NaN repeated. this only happens using sa...
Weitzman asked 7/6, 2018 at 15:55

6

Solved

I am building a bar chart using nvd3's multiBarChart and need to adjust the position of rotated x-axis labels: var chart = nv.models.multiBarChart(); ... chart.rotateLabels(-90); I would like ...
Tarnetgaronne asked 30/10, 2012 at 10:23

3

Solved

I'm usinging v1.7.1 of nvd3. I have a page in which I render rows of charts with the same configuration but different data. I'm using interactive tooltip option on the multi line chart. The tooltip...
Asha asked 10/4, 2015 at 22:46

3

Solved

The Plunker example In the example above you can see that the line is rendered under the orange area graph: Was reading this trend here, then I tried this d3.select('svg#chart .lines1Wrap').mov...
Kletter asked 7/10, 2015 at 19:22

2

Am trying to build vertical bar chart using nvd3 charts. Problem : If chart has single record, bar width reaches 3/4 of the chart width. Question : How to change width of the bars in Discrete ...
Shaun asked 13/3, 2013 at 10:18

7

Solved

I am building a page which contains many charts, which are displayed one at a time depending on which tab you are looking at. The chart in the initially active tab renders correctly. However when ...

6

Solved

I am using NVD3.js library to generate graph. I tried adding line chart into it & getting the above error. How to resolve it? I am trying this here
Symphonic asked 16/4, 2015 at 13:23

3

I am using the following code to set the label in y-axis for discrete bar chart in nvd3 but it doesn't show the label for y-axis. BTW, x-axis label works fine. chart.yAxis.axisLabel('Students (in ...
Tantra asked 25/6, 2013 at 4:54

7

Solved

I am trying to use NVD3 http://nvd3.org/livecode/#codemirrorNav a pie chart. But i want to change the default color. How do i change the color. i am not able to do it.
Paradrop asked 24/4, 2013 at 12:4

© 2022 - 2024 — McMap. All rights reserved.