Questions tagged [angular-nvd3]

Angular.js directives for nvd3.js

Most known libraries:

202 questions
2
votes
1 answer

angular nvd3 duration not affect pie chart

I want to make the transition/animation effect when selecting/unselecting items longer, I'm trying to set the duration parameter of nvd3 pie chart to be something long like 10 seconds (or 10000 ms) but it has no effect on the pie chart, I tried…
Dor Cohen
  • 16,769
  • 23
  • 93
  • 161
2
votes
1 answer

attribute transform="translate(NaN,NaN)" when using Interactive Guideline

I am currently working with NVD3 using Angular Directive (angular-nvd3). I have a very simple line chart with very simple data. Everything is working fine, at the beginning. However if you decide to turn off (disable) one set of data the error…
Atais
  • 10,857
  • 6
  • 71
  • 111
2
votes
1 answer

Change line chart area color in Angular-NVD3

I'm using the Angular-NVD3 library to show some line charts, I've seen that I can set an "area" property to 'true' in the data so that the area of the graph will be colored. { values: [/** some data **/], key: 'Cosine Wave', color:…
svarog
  • 9,477
  • 4
  • 61
  • 77
2
votes
1 answer

Draw a Line Chart with both solid and dotted line in it with angular nvd3js directive?

I'm using angular-nvd3 directive for making a custom line chart display counting number of guest in specific period time range as follow : current Time - 2 --> current Time : will be display as straight line current Time --> current Time + 2 :…
2
votes
2 answers

nvd3 used with angular-nvd3 is slooooowwwww

I believe I have a problem that may be fairly easily addressed via something that I am missing, but I can't seem to see what the actual issue is. I have an application that returns 5000 points (5 array elements of 1000 x,y points) every second that…
cirrusio
  • 580
  • 5
  • 28
2
votes
0 answers

Angular NVD3 y-axis scale

I have an app that creates discrete bar charts. For some odd reason (which seems to be an internal error in the library), the y-axis scales to a data value which has the LOWEST number of integers in the value. For example, one data set has (1750,…
Nick Borisenko
  • 494
  • 3
  • 18
1
vote
0 answers

Cannot run a function which is defined in scope from clickable tooltips of nvd3 charts

I have been trying to define a function in scope and trigger it when button is clicked in the tooltip. Here is the code that I have been working on in plnkr Clickable tooltips. I have modified plnkr code in the link as…
Michael
  • 123
  • 1
  • 8
1
vote
1 answer

how to set color to Angular-nvd3 (1.0.7)

I'm working on an AngularJS 1.5.3 project , and I use Angular-nvd3(1.0.7). I have met 2 problems: 1,When I'm using a discreteBarChart , I need to assign different color to every column,like this:(seems the picture can't display , you can imaging it…
Neko
  • 581
  • 1
  • 9
  • 24
1
vote
0 answers

Angular js nvd3 set margin for legends

How to add margin to legends for nvd3 charts. I'm following https://github.com/krispo/angular-nvd3/blob/gh-pages/js/lineChart.js they have given events for legends but not shown any example related to legend margins. I have tried like chart: { …
e.k
  • 1,333
  • 1
  • 17
  • 36
1
vote
0 answers

Angular nvd3 shows gaps between bars of grouped chart

I have a scenario where i need to show top 5 values for each date (each date data may differ). Issue scenario : For date 10th sep i have got response (top 5 -> Samsung Electronics, Lg, Apple, Amazon, Murata) now for the next day i.e 11th sep i have…
Neha
  • 85
  • 1
  • 1
  • 6
1
vote
0 answers

ScatterPlot ng2-nvd3 big black circle

I am using ng2-nvd3 to plot a scatter. I fetch the data and create the data object in the good format. Then I create the option to display the chart. The points are properly displayed but I have big black circle instead of having normal circle. See…
PierBJX
  • 2,093
  • 5
  • 19
  • 50
1
vote
0 answers

AngularJS Nvd3 Chart - Call the callback on every statechange

I have a graph who can have one set of data or multiples set of data. I need to check every stateChange and triggered the callback (he make actions that I need to make at every changes). here is my graph : scope.options = { chart: { …
Spialdor
  • 1,475
  • 5
  • 20
  • 46
1
vote
0 answers

NVD3 Bubble Chart disappears when all data filtered out

I have a filter which filters data for an NVD3 bubble chart. When no data or some data is filtered, the chart works perfectly well. However, when I filter all of the data out of the chart, the chart totally disappears. When this happens, even…
1
vote
0 answers

how to give zoom Support feature for Angular 2 NVD3 Chart

I found some zoom functions for angular 1.x nvd3 chart. but I don't really know how to access them via the options in angular 2 nvd3 chart? Based on the nvd3 website there's a zooming functionality – chart: { zoom: {} }, I've placed it in my ng2…
Esrath Muqayyar
  • 105
  • 2
  • 10
1
vote
0 answers

How to add legends to a sunburst chart in nvd3?

Is there a way to add legends to a sunburst NVD3 chart? I'm doing this and it's currently not working. chart = nv.models.sunburstChart() .showTooltipPercent(true) .color(d3.scale.category20c()) .showLabels(false) …
1 2
3
13 14