Stack Overflow
Stack Overflow

Questions tagged [angular-nvd3]

Angular.js directives for nvd3.js

Most known libraries:

202 questions
1
vote
0 answers

Pie Chart Label Lines with angular-nvd3

I'm new to D3/nvd3. Trying to show "outside" labels with lines, similar to Bostock's pie chart here http://bl.ocks.org/dbuezas/9306799. I don't know how to approach the labels lines to show up like that with nvd3. The pie and labels are appearing…
Lambo14
  • 231
  • 1
  • 6
1
vote
0 answers

Angular NVD3 library error

I am working with NVD3 library and I added the links to the libraries that I need.I have the v3 for D3 and the angular NVD3 link, but the chart is not rendering and I get an error like below. This are the links in my index file:
didi
  • 27
  • 1
  • 8
1
vote
1 answer

angularjs nvd3 multibar chart xAxis tick not showing

I'm using angularjs nvd3 multibar chart chart xAxis tick do not show like below. I want to show all xAxis tick formed %Y/%m/%d %H:%M This is my code. this.$scope.options = { …
wangsung Oh
  • 13
  • 4
1
vote
0 answers

Explicitly specify max/min values for x-axis of the "multiChart" with d3.js, nvd3.js and angular-nvd3

I'm using d3.j, nvd3.js and angular-nvd3 directive. I want to explicitly specify range for x-axis, so even if there are no values entire interval is shown (a good example could be timeline-x-axis, when I want to show entire period of time, let's say…
kardanov
  • 575
  • 3
  • 13
  • 25
1
vote
1 answer

Using NvD3 charts, how to get x axis and Y axis label for multichart?

I am using multiChart of nvd3 for dual Y axes purpose. All series are Line series in my chart. I want to show X-axis label and Y axis label. The documentation http://nvd3-community.github.io/nvd3/examples/documentation.html#multiChart for this chart…
Haze
  • 110
  • 14
1
vote
2 answers

Angular NVD3 not working

I'm trying to get a basic Angular NVD3 example working. It gets the keys out, but no data/graph. Any ideas why? The example is copied from here: https://krispo.github.io/angular-nvd3/#/stackedAreaChart var app = angular.module('myApp',…
Sean
  • 14,359
  • 13
  • 74
  • 124
1
vote
1 answer

in angular-nvd3 how to Invert donut Chart

is there a way to invert angular nvd3 donut chart (pieChart with donut: true,)? that will draw the chart in the inverted sense which is the second part of the donut.
Med
  • 241
  • 1
  • 6
  • 23
1
vote
1 answer

Single point not shown in nvd3 line chart

I am using following configurations for displaying my line chart with the help of angular nvd3. The issue is that while displaying the chart if there is only one point near the edge then it gets doesn't get displayed unless it is hovered…
Ambar Bhatnagar
  • 215
  • 1
  • 3
  • 9
1
vote
1 answer

How to customize legend text in pie chart for angular-nvd3?

I have a pie chart in angular-nvd3. https://krispo.github.io/angular-nvd3/#/pieChart The issue I have is with a pie chart, I have 5 slices, when all the pie slices are labeled, it looks very scrunched together. I want to instead modify the legend so…
Rolando
  • 58,640
  • 98
  • 266
  • 407
1
vote
0 answers

Angular-nvD3: real time updating chart causes high CPU load

I noticed that the example for a real time updating graph (go to http://krispo.github.io/angular-nvd3/#/quickstart -> examples -> Other examples in Plunker -> "Real-time chart updating") causes a quite high CPU load for the Chrome process on my…
Dennis
  • 992
  • 1
  • 10
  • 23
1
vote
1 answer

how to change descrete bar color onmouseover - angular-nvd3

I want to create a chart, for view vs dates. So I used angular-nvd3 plugin. Chart is displaying fine. I have same color for all descrete bar elements. I need to change the color of specific bar on moseover event. I tried following methods. (1)…
Buddhika Herath
  • 33
  • 3
1
vote
1 answer

useInteractiveGuideline not working correctly in Angular nvd3

I'm trying to use angular nvd3 to draw a line chart with Focus, but I'm facing a problem using the interactiveGuideline useInteractiveGuideline : true,, in fact it uses only the first and last point in the selection and it doesn't interact with my…
Med
  • 241
  • 1
  • 6
  • 23
1
vote
0 answers

Angular-nvd3/nvd3/d3 bar chart with multiple x axis groups

I'm trying to find a way to create a grouped multi bar chart using d3 (preferably Angular-nvd3) that has multiple grouping levels on the x axis. The end result would look something like the following (very simple) mock up: mock of bar chart with 2…
Paradox Machine
  • 11
  • 1
1
vote
1 answer

Unicode label is not displayed as a Fontawesome icon

I am creating a chart using angular-nvd3 I got a problem when I try to display an icon where it's a label. $scope.data = [ { "key": "Series2", "values": [ { …
Le Dac Sy
  • 381
  • 3
  • 16
1
vote
1 answer

Angular nvd3 HorizontalBarChart displayed difference format in the barLine and the holizontalLine

I am creating a chart which using Angular-nvd3 library which base on nvd3 and d3.js and I have a problem that I want to display the percent in the chart barLine and the total number in the chart horizontalLIne something looks like this: But…
Le Dac Sy
  • 381
  • 3
  • 16
1 2 3
…
13 14