Stack Overflow
Stack Overflow

Questions tagged [angularjs-nvd3-directives]

AngularJS directives for creating charts based on d3.js.

Angular.js directives "are a way to teach HTML new tricks"; AngularJS NVD3 directives hide the complexity and code that is necessary to create d3.js, and nvd3.js charts. This way makes adding charts to an Angular.js application quicker, and simpler than typical methods.

89 questions
0
votes
1 answer

Error: Invalid value for attribute x="NaN" in angularJS nvd3-multi-bar-chart

I'm new to d3 charts, i want to use x-axis as string and my app throws Error: Invalid value for attribute x="NaN" error. This is my sample JSON [ {"key" : "test1", "values" : [["test1", 3]}, {"key" : "test2", "values" : [["test2", 5]}, {"key"…
Aravinth
  • 397
  • 1
  • 4
  • 19
0
votes
3 answers

make zoom using nvd3

I need make zoom in graphic. I am using angular js and nvd3. this is a part of my Code, html and angular module: var app = angular.module('DL', ['nvd3']); app.controller('daCtrl', function($scope) { $scope.graphic = [{key: "a", values:…
maikelm
  • 403
  • 6
  • 30
0
votes
1 answer

Hiding and showing triangle marker in a bullet chart in angularjs-nvd3-directives library

I'm using nvd3-bullet-chart from angularjs-nvd3-directives library to display maximum, current and average data. I'm setting the minimum variable in the array to 0 because I don't need to display that. I have another data point and I'm using the…
bazzinga
  • 165
  • 1
  • 5
  • 16
0
votes
0 answers

Compatiable angularjs-nvd3-directives.js version for nvd3 version 1.8.1

I want to design multi-bar chart using nvd3 version 1.8.1 and angularjs-nvd3-directives.js. I found some problems with tooltip positioning with older versions of nvd3.So I want to use nvd3 version 1.8.1. Then my question is: Which version of…
Muralidhar
  • 1
0
votes
2 answers

How to correctly reuse AngularJS services and controllers based on variables input?

I'm making an Angularjs/nvd3 dashboard with a number of widgets using json input. I've got a widget to work, but what I'm trying is to reuse an Angular service to return data based on a different url provided per widget. My code in Javascript: var…
Base_v
  • 308
  • 5
  • 13
0
votes
1 answer

How do I write a directive to set attributes of another directive?

I've seen similar questions, but I'm having trouble applying them to my situation, so I appreciate any help you can give me. I'm using the angular-nvd3 directive to make 4 different types of charts within many different controllers. Right now, I'm…
carpiediem
  • 1,918
  • 22
  • 41
0
votes
1 answer

How can I make the size of stacked-area-chart in nvd3-angularjs-directives adjustable depending on the size of the div?

I have a chart created using nvd3-angularjs-directives. I want the size of this graph adjust depending on the size of its div. My problem initially is that the value of y reach this value 2000000000 and the label is cut off somewhere in between. I…
user3714598
  • 1,733
  • 5
  • 28
  • 45
0
votes
1 answer

Show current time in angular nvd3 line chart

I want to add a vertical "Now"-marker for the current time to a working time series line chart implemented with angular-nvd3-directives. Kind of like this: https://i.stack.imgur.com/X95T2.jpg Previously I build this chart using pure d3.js and got it…
burtelli
  • 153
  • 9
0
votes
1 answer

How to get the N latest data and display that in the angularjs nvd3 stacked area chart

I'm using angularjs-nvd3-directives to create stacked area chart. Now my problem is I'm polling hundreds of data from server and I need to display on the the N latest data. How will I do that? Here's the HTML file
user3714598
  • 1,733
  • 5
  • 28
  • 45
0
votes
3 answers

require confirmation before updating ng-model or executing ng-change in angularjs checkbox input

I have a checkbox input that when checked sets customer.isCompleted to true or false and saves the customer data through a firebase api using ng-change input type="checkbox" ng-model="customer.isCompleted"…
Bellicose Agnostic
  • 66
  • 9
0
votes
1 answer

pie chart using angular-nvd3 directive does not fill up the parent block

I am trying to build a pie chart in a webpage driven by angularJS. I successfully made the pie chart. The parent block holding this chart is circular in shape (done by setting radius). I am trying to fit this chart completely into the block but the…
srthu
  • 197
  • 2
  • 14
0
votes
1 answer

angularjs-nvd3-directives legend coloring not working when inside ng-if

I have a web app that does some summing of values and then is supposed to plot these values in a pie chart, I have some problems concerning the legend colors of this chart. Summing: The sum's are attached to each objects in the categories array…
David Karlsson
  • 9,396
  • 9
  • 58
  • 103
0
votes
1 answer

Bar colors reverting back to original colors

I am using angularjs-nvd3-directives. I have a need to color individual bars based on their values. I can do this with angularjs-nvd3-directives by using a callback that selects the bar and colors it after it is rendered.
TechnoTim
  • 3,065
  • 1
  • 23
  • 28
-1
votes
1 answer

customise Donut graph using nvd3.js

I am trying to achieve the transparent color of the area with only borders in spite of color fill for a donut graph. I am using nvd3 with angularJS, but unable to achieve that. Any suggestions on this as how to do this. If there is any library -…
Riten
  • 43
  • 1
  • 4
1 2 3 4 5
6