Stack Overflow
Stack Overflow

Questions tagged [angular-nvd3]

Angular.js directives for nvd3.js

Most known libraries:

202 questions
0
votes
0 answers

Angular nvd3 plot line barely visible

I am using nvd3 with angular directives to plot some data. It used to work fine, however now I noticed that the plot disappeared, or rather reduced to a very thin line. The data is coming in and the plot is being displayed but it is barely visible.…
fralama
  • 3
  • 3
0
votes
1 answer

Create x-axis labels using angular NVD3

I would like to create strings such as "Monday, Tuesday, Wednesday" etc for my x-axis in my nvd3 line chart below. How would I make the x-axis have a string/label instead of being numeric, in the below code: $scope.options2 = { chart: { …
condo1234
  • 3,285
  • 6
  • 25
  • 34
0
votes
2 answers

Angular material nvd3

I am using the combination of Angular material and NVD3 while investigating why tooltips are not visible for me. I have chopped and cloned the example provided from http://krispo.github.io/angular-nvd3/#/quickstart to plunker and it is something…
Dimitrios Mistriotis
  • 2,626
  • 3
  • 28
  • 45
0
votes
1 answer

nvd3 Box Plot with Dates

I'm trying to get a box plot going where my Y axis is going to be Dates. I have tried to strip down to the bare minimum and I only see "No Data Available". Here is the plunker $scope.data = [{ label: "Sample A", …
icedek
  • 574
  • 2
  • 13
  • 31
0
votes
1 answer

Why is my angular-nvd3 multiChat chart not rendering here?

Working original Plunkr: http://plnkr.co/edit/nHSMF2?p=preview My forked Plunkr: http://plnkr.co/edit/4Ecqif?p=preview I'm playing with the Angular-nvd3 charting lib. Here is their original multiChart example with several line and area graphs. I…
Leon Gaban
  • 36,509
  • 115
  • 332
  • 529
0
votes
1 answer

angular nvd3 display issue in ios device that is not showing up on ios emulator

In the ios emulator for ionic I can see the various stackedAreaCharts using angular-nvd3 directives I am drawing. I get the following error only in the emulator, but not when I run the app using ionic serve on localhost. Error: undefined is not an…
Griffin Adams
  • 33
  • 5
0
votes
1 answer

Automatically Resizing Angular-nvd3 chart inside of Angular Material Grid

I am trying to get a responsive nvd3 chart inside of an angular material grid. It seems to be working ok after I resize the window but does not go to the correct size at the initial load. My approach was to wrap the nvd3 directive inside of a…
richardnixonthethird
  • 237
  • 4
  • 13
0
votes
1 answer

axis labels styling - Angular NVD3 - Line chart

usage - Angular NVD3 LineChart I am getting milliseconds, converting them to ('%H:%M') format to display on x-axis. xAxis: { tickFormat: function(d) { return d3.time.format('%H:%M')(new Date(d)); }, The above works…
Ankur Singhal
  • 26,012
  • 16
  • 82
  • 116
0
votes
1 answer

NVD3 scatter plot tick spacing with only a few values

Why is it that when there are only a few values in an NVD3 scatterplot, the tick spacing spreads out immensely? I would think the ticks should be independent of the number of values, but that doesn't seem to be the case. Compare this plunker with…
NanoWizard
  • 2,104
  • 1
  • 21
  • 34
0
votes
1 answer

Angular-nvD3 resizes chart on data change

I'm using Angular-nvD3. I have a simple chart that looks like this: HTML: JS: $scope.options = { chart: { type: 'pieChart', height: 450, x: function (d) {…
Yulian
  • 6,262
  • 10
  • 65
  • 92
0
votes
1 answer

What is the best way to set nvd3 x domain range for dynamically changing time?

I am looking for the best way to set nvd3 chart x domain to represent given period of time in real time line chart - for example last hour. In other words - I am adding new data (y is numeric value, x is timestamp) every second and I want x axis to…
strangelove_phd
  • 1
  • 2
0
votes
1 answer

RestAngular - Angular - NVD3 - CumulativeLineChart - plotting y axis and x axis

I am newbie to Restangular and using angular-nvd3 charts api. I have RestService which is returning Json response in below format. 3 Different line will be plotted on single graphs. Key - Name like A, B , C Values - milliseconds, order/sec x-axis -…
Ankur Singhal
  • 26,012
  • 16
  • 82
  • 116
0
votes
1 answer

Angular nvd3 charts - Scatter and Line in the same graph

I want to create a chart with both points and lines, as in the image below. I have tried multichart with type: 'line' + 'barchart', and it seems to work. But when I specify 'scatter' + 'line' no scatter data shows up. Is it possible to do this…
user494491
  • 21
  • 4
0
votes
1 answer

Predefined filter for linePlusBarWithFocusChart

I'm trying to use linePlusBarWithFocusChart (angular-nvd3) in my application but i faced with the following problem - I cannot set initial range in the bottom chart (for example, i need to display values for a specific year in the upper chart and…
Roman
  • 11
  • 2
0
votes
1 answer

Angular-nvd3: same distance between data on x scale

By default scale of x axis is calculated from values. This gives uneven distance between two adjasted points. Like for example if I have an array of values like [1,2,5], there will be different distance on x axis for point, and also x axis labels…
kaytrance
  • 2,657
  • 4
  • 30
  • 49
1 2 3
…
13
14