Stack Overflow
Stack Overflow

Questions tagged [angularjs-nvd3-directives]

AngularJS directives for creating charts based on d3.js.

Angular.js directives "are a way to teach HTML new tricks"; AngularJS NVD3 directives hide the complexity and code that is necessary to create d3.js, and nvd3.js charts. This way makes adding charts to an Angular.js application quicker, and simpler than typical methods.

89 questions
1
vote
0 answers

Angular Nvd3 - Invalid value for attribute transform="translate(0,NaN)"

I'm using the "Multichart" with the Angular Nvd3 directive, and I keep getting this error saying: Error: Invalid value for attribute transform="translate(0,NaN)" and I have no idea why this happens. My HTML-code looks like this:
martin
  • 1,894
  • 4
  • 37
  • 69
1
vote
0 answers

ForceY Directive in NVD3/AngularJS

I'm trying to figure out how to change the ranges of my y-axis in the nvd3 charts on my angular app. I'm using Krispo's Angular-NVD3 library, and looked into his forums and documentation for directives involving forceY. In this forum Krispo mentions…
Nick Borisenko
  • 494
  • 3
  • 18
1
vote
2 answers

saveSvgAsPng - getBBox is not a function

I'm using exupero's saveSvgAsPng library to save SVG's to PNG-files, but I've run into a problem when combining it with Angular-Nvd3. I get an error saying: Uncaught TypeError: el.getBBox is not a function Which to me seems like the function…
martin
  • 1,894
  • 4
  • 37
  • 69
1
vote
0 answers

Threshold line for nvd3 discrete bar chart

I am wondering if the nvd3 discrete bar chart has a threshold line feature available. As far as I researched I didn't have any luck but I am looking for any possible…
George-Blackstar7
  • 83
  • 4
  • 16
1
vote
0 answers

Angular - nvd3 Append line

I made a Angular-Nvd3 chart and I can't figure out how i can draw a simple line along Y axis as a marker. Example: x:i y: 180 So, I do not want to treat as a data, that has a value. Live Edit: http://krispo.github.io/angular-nvd3/#/lineChart (if…
Birek
  • 85
  • 6
1
vote
1 answer

Change position of legend in angular nvd3.js

I am trying to change the position of the legends to the bottom of piechart [which is top by default]. In normal nvd3.js without angular-nvd3, it's suggested to use: d3.select(".nv-legendWrap") .attr("transform", "translate(100,100)"); Is it…
vinod
  • 8,350
  • 9
  • 32
  • 36
1
vote
1 answer

Angular NVD3 Multibar Chart with dual y-axis to showup only line using json data

I am trying to create an angular multibarchart with only Lines excluding the bars. I would like to generate data using json instead of Lee Byron's test data generator. But I have no idea how to change the Lee Byron's test data to json data. I am new…
Heerapreethi P
  • 49
  • 1
  • 2
  • 8
1
vote
1 answer

nvd3 capture click event on stacked area chart

I am trying to capture click event on a nvd3 stacked area chart. I am able to capture tooltip show tooltip hide events. I want to capture click event and get the clicked point info. Please help. PLUNKER_LINK my chart option is : chart: { …
Soham Nakhare
  • 425
  • 4
  • 18
1
vote
1 answer

Dynamically scaling up y axis range in angular-nvd3 line chart

I am using angular nvd3 directives here to build a multi-line chart. The chart automatically scales the y-axis to the maximum and minimum values among all the series that are plotted. Can I change this to perhaps 1.5 times the minimum and maximum…
srthu
  • 197
  • 2
  • 14
1
vote
0 answers

Passing JSON data url instead of data internally in nvd3-Angularjs?

It looks like AnjularJS-nvd3 is using the JSON data for their charts internally and i would like to know whether is it possible to pass an external JSON data url and use those data in charts. I don't know where to start. Thank you in advance.
kamaleshts
  • 67
  • 1
  • 10
1
vote
1 answer

Display data on stacked bars of nvd3-multi-bar-chart

I am using nvd3-multi-bar-chart for displaying a graph in my application. An example chart would be like below I have used the following directive for generating graphs: NVD3 Multibar chart Everything is working good and the charts are also…
Vidya Sagar
  • 1,699
  • 3
  • 17
  • 28
1
vote
1 answer

Angular nvd3 donut chart - how to add a static or dynamic title? -

I am using angular nvd3-pie-chart. Any idea or suggestion how to add a static or dynamic title at the center of the donut chart? Here is the code block.
arun
  • 13
  • 5
1
vote
2 answers

Angular-nvd3 issue, failed to update chart when set data to newData

It is a strange issue not only about nvd3 directive, I have steped into the directive source code, but still not find the reason. I put it in plunker, switch comment line 34 and 35 in app.js will show the issue. if I set a new value in $scope.data,…
Awakening
  • 3,615
  • 8
  • 35
  • 51
1
vote
2 answers

nvd3 angular directive error: [$rootscope:infdig] 10 $digest() iterations reached. aborting

nvd3 angular error: [$rootscope:infdig] 10 $digest() iterations reached. aborting! I'm getting this error using nvd3 angular directive. Afaik this error happens when you modify models from within the view. But I don't think I'm doing that. Here is…
chovy
  • 72,281
  • 52
  • 227
  • 295
1
vote
2 answers

angularjs nvd3 Line chart not updating the data

I'm using angular-nvd3-directives to create line chart. This is the HTML file
user3714598
  • 1,733
  • 5
  • 28
  • 45
1 2
3
4 5 6