Stack Overflow
Stack Overflow

Questions tagged [angular-nvd3]

Angular.js directives for nvd3.js

Most known libraries:

202 questions
0
votes
1 answer

Why is my line chart not plotting all of my data?

I am trying to create a line charts which covers points of {x: someX, y: someY}. But, it's not covering all of my points, and maxes out when y is 783. Here is a picture of what's going on: The airlines on the bottom should have the line covering…
Dream_Cap
  • 2,292
  • 2
  • 18
  • 30
0
votes
1 answer

Issue with nvd3 charts in angular 2. Unable to display y-axis values as desired

Am using angular2 nvd3 charts. I have an issue with scaling on y-axis. I have y values like 623.10, 631.60, 629.10, 633.50, 631.80, 623.40 etc., and in options am doing something like yAxis: { tickFormat: function(d) { return…
Esco
  • 387
  • 2
  • 3
  • 16
0
votes
1 answer

Gradient color in nvd3 area and bar charts?

Is it possible to apply gradient color to area(filled-line) charts in nvd3. I have seen a workaround in d3 charts, using the svg object. But is there a simpler way to do this, or any hack to get the same done?
Anish Nair
  • 3,238
  • 29
  • 41
0
votes
0 answers

Is it possible to draw custom markers with nvd3?

I am trying to choose the best technology for plotting a rich graph which should contain a mix with few charts types like Line Chart, Scatter Chart, Bar Chart, Candlestick and other inside one canvas. Currently I'm looking at Angular 2 NVD3 labrary…
Alexander Kozlov
  • 1
  • 1
0
votes
1 answer

Angular nvD3 Stacked Area Chart Data Series Format

I am trying to use my own data in a nvD3 stacked area chart. The sample data format from the Angular nvD3 site has a format like this: [{ "key":"Series 1", "values":[[1025409600000,0],[1028088000000,-6.3382185140371]] }, { …
B-Ray
  • 473
  • 1
  • 12
  • 29
0
votes
0 answers

unable to import nvd3 guage chart JS file

I need to implement guage chart and I am using NVD3 for that. https://github.com/enplore/nvd3-charts I tried to import js files mentioned in above link but getting the following error, GET http://[ip]/nodejs/bower_components/nvd3/build/gaugeChart.js…
AaJ
  • 1
  • 1
0
votes
1 answer

Pie chart with data [] dont show any message

Hi everyone I have a pie chart made with nvd3 and when graph.data=[] it doenst show anything.. I want to display a simple message like "No data to show" View: …
Cátia Matos
  • 820
  • 1
  • 8
  • 26
0
votes
0 answers

NVD3 Line Chart not updating yAxis with forceY

I have a line chart with a margin between the lowest and highest price and the chart borders. I don't want the ticks touching the top and the bottom of the chart, so I used forceY to achieve…
Danniel Rodrigues
  • 3
  • 4
0
votes
1 answer

nvd3 candlestick chart not displaying custom data

I have a nvd3 angular candlestick chart that displays hardcoded data just fine. But when I point it another data source (socket.io), it doesn't display anymore. I get my data from a socket here $scope.getdata = function () { …
Kenny Nguyen
  • 222
  • 2
  • 13
0
votes
1 answer

How to draw bar chart with range x-axis?

I am using angular-nvd3 to draw charts. Is there an option do draw bar chart with an x-axis like this? *** *** *** *** *** *** *** *** *** *** *** *** *** *** | *** | *** | *** …
David
  • 4,785
  • 7
  • 39
  • 63
0
votes
1 answer

angular-nvd3 margin doesn't work? (krispo)

No matter how much I change the margin. The dates get cut off. I am trying to show a 7 date range, but the last date gets cut off. Any ideas, to work around this? My code: vm.lineChartOptions = { chart: { type: 'lineChart', …
N. Sutton
  • 21
  • 3
0
votes
1 answer

Angular NVD-3 Graph: Axis Labels and Axis Numbers Cut Off and Outside of Viewing Window

Currently I am using angular-nvd3 graphing to display data. However, the stacked area chart nvd3 graph type is cutting off the numbers and axis labels. The template graph can be viewed here. The y-axis numbers and label is the main concern. Below is…
Val
  • 1,260
  • 5
  • 23
  • 39
0
votes
0 answers

how to get y-Axis points in NVD3 chart

I'm working with NVD3 charts with angular2 following this link. I'm getting line chart fine. In line chart on mouse over tooltip gets shown on Yaxis 3 points. YAxis have Line lines so three points we need a display on somewhere in the page.We tried…
Pavan Alapati
  • 635
  • 2
  • 8
  • 21
0
votes
0 answers

change angular-nvd3 chart's key shape

I want to change the "Events" key shape from circle to square but rather do so via angular-nvd3 or nvd3 api instead of selecting using d3 and changing it after the chart renders.. so far couldn't find how to do it
liron_hazan
  • 1,396
  • 2
  • 19
  • 27
0
votes
1 answer

How to update percent values of custom tooltip in angular nvd3 pie chart

I am showing custom tooltip with percent values in Angular NVD3 pie chart. plunker link `https://plnkr.co/edit/Tv544U?p=preview` tooltip shows correct values in percent. But if I deselect any legend, chart is redrawn excluding that item. I…
spidey
  • 121
  • 1
  • 2
  • 15
1 2 3
…
13 14