Stack Overflow
Stack Overflow

Questions tagged [angular-nvd3]

Angular.js directives for nvd3.js

Most known libraries:

202 questions
1
vote
1 answer

Printing Charts in Internet Explorer Rendered By Angular-nvD3

I am using Bootstrap v3.2.0 for laying out 3 graphs created using Angular-nvD3. I am trying to render the page for printing. I have some modified CSS in the @media print rule. Everything renders properly for printing in Chrome, but the charts do not…
B-Ray
  • 473
  • 1
  • 12
  • 29
1
vote
1 answer

AngularJS nvD3 Error - What versions are compatible?

I have the same problem as with this user: Angular nvD3 Error: Invalid isolate scope definition for directive nvd3 The answer there said "use the latest angularjs" beyond Angular 1.1.4....but I am using the latest AngularJS!! AngularJS v1.6.7 What…
user6496229
1
vote
1 answer

How to catch the Click-Event on the stream legend with Angular NVD3 MultiBar Chart?

I'm currently using Angular NVD3 wrapper. I can't find a way to catch the Click-Event on the stream legend (highlighted in red in the image below). How to do that? The goal is to keep unselected streams disabled even after a page reload.
David
  • 4,785
  • 7
  • 39
  • 63
1
vote
1 answer

NVD3 - How to add arrow heads to the links using angular-nvd3

I'm working from the example of the force directed graph. krispo/angular-nvd3/blob/gh-pages/js/forceDirectedGraph.js How would I modify this code, so that I can add arrow heads to each of the links to indicate direction? $scope.options = { …
Jeff Fong
  • 11
  • 5
1
vote
0 answers

Disable legend based on another legend click - angular nvd3 chart

I would like to disable a legend(breached95) based on the click of another legend(var95) in nvd3 chart. Below script fires the legend click event which gives the click legend values but unable to disable another legend based on this event. How to…
RGR
  • 1,521
  • 2
  • 22
  • 36
1
vote
0 answers

How to pull an array of JSON objects from API endpoint, to display on angular-nvd3 line chart?

I am trying to get an array of objects from an API endpoint inside of a mongo DB. The trouble I am having is what syntax to use to plug in that data, and then get the chart to display that data from the DB. Here is my array in the mongo shell and…
N. Sutton
  • 21
  • 3
1
vote
1 answer

Set background color of Angular-nvD3

I am using Angular-nvD3 in my Charts and I would like to change the background of this chart like the picture example. Can anyone help me please? Here its the HTML code:
kfm
  • 143
  • 3
  • 17
1
vote
0 answers

NVD3 chart "date type" change max and min position yaxis

i need to change y axis position that min position is in top and max position in bottom. so the nvd3 chart will move down to the latest value everything i need is in this link. http://jsfiddle.net/8fh8qLs0/8/ in this sample the chart go up, because…
Chris
  • 75
  • 11
1
vote
1 answer

Line Graph using D3 is not starting from the date i want it to

Below is my line graph where I am using 2 lines to show different values, One line is blue and the other is red. however the red line i want to start from 'Dec 27'(half way of the graph) instead of the start of the graph. I have been looking ways…
dave
  • 135
  • 8
1
vote
0 answers

How to add the focus to nvd3 charts in angular

I have to build a web app which is data driven, So I will have to use so many chart types from nvd3, there are some charts in nvd3 where the Focus is added. But I will need to add the focus for every chart. Is there any way to do that in…
Shalini Sengar
  • 25
  • 5
1
vote
2 answers

nvd3.js - display specific color for each bar in multibar vertical chart depending on range of value

As the topic says, I simply want to customize the color of each bar based on the value of the y axis. The range of value-colors are: 0-50: green 50-75: yellow 75-100: red I tried to search this topic on Google a lot but could not find any…
Sagar
  • 477
  • 4
  • 15
1
vote
1 answer

In NVD3 chart how can i use custom tooltip along with having userInteractiveGuideLine true

I am using nvd3 to plot some chart. I want to show a custom tooltip instead of the default tooltip provided by nvd3. At the same time i want to show the guideline to i.e. the vertical guide line bar. But the problem is when i show the custom tooltip…
Programming is Fun
  • 99
  • 7
1
vote
0 answers

How to always display line detail into lineChart - using angular-nvd3?

I am using lineChart -> http://krispo.github.io/angular-nvd3/#/lineChart Instead of displayed the detail into tooltip, i want the detail always display on the chart: How can I handle this case ? Any workaround solution ? Thank you!
Le Dac Sy
  • 381
  • 3
  • 16
1
vote
1 answer

Can't show labels in angular nvd3 sunburst chart

How can I set to always show the labels in my sunburst chart? I have this plunker like in the demo: http://plnkr.co/edit/emCcNv?p=preview $scope.options = { chart: { type: "sunburstChart", height: 450, duration: 250, width: 600, mode:…
user3024814
  • 246
  • 3
  • 14
1
vote
2 answers

Convert SVG to image in PNG

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 background goes to black and some circle drown on…
Dixit
  • 1,359
  • 3
  • 18
  • 39
1 2 3
…
13 14