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

Read data from MySQL via AJAX to be sent as data object in the controller of NVD3-Angular

I have found the library nvD3-Angular which looks really good and friendly. I am using it to plot just static data, but I want to be able to read data stored in my DB. Is there a way to set up the data variable with the mentioned data via AJAX using…
developerto_jrm
  • 60
  • 13
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
1 answer

Working with JSON and Angular NVD3

My HTML code: Here I am retrieving fields(key) from JSON file and displaying it in the options. Whichever option I am selecting from selection's dropdown section , I am sending that option to my angular script js file , through nvd3 directive data…
naik bm
  • 37
  • 5
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

How to have a definite boundary on a d3.js horizontal bar chart

I'm using a NVD3 and D3 to create some simple visuals, one of which is a horizontal bar chart. The options are: { "type": "multiBarHorizontalChart", "height": 600, "showControls": false, "showValues": true, "duration": 500, …
jeffeld
  • 127
  • 1
  • 9
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
0 answers

Not able to access $scope.api from controller in nvd3-angularjs

I am trying to use the NVD3 Box Charts in Angular-JS. I wish to update the charts when the data is changed in the controller. To update the chart, I need to use the following line $scope.api.updateWithData($scope.data); However, in my controller, I…
Prashant Patil
  • 111
  • 1
  • 1
  • 10
0
votes
2 answers

Angularjs parse error sometimes when using brackets

In the following code sample why are the brackets necessary around position[0].position in the ng-click directive in the anchor element but not in the ng-show directive in the divs?
0
votes
1 answer

How to create angular nvd3 multibar and stacked chart using json data

I want to create an angular nvd3 multibar chart using the following json data. json: [ { "ccpProducts": "CME", "color": "red", "values": [ { "dates": "2015-07-01 00:00:00.0", …
Heerapreethi P
  • 49
  • 1
  • 2
  • 8
0
votes
1 answer

Angular-Nvd3 dates and numbers do not match data

I'm using Angular-Nvd3 to represent my sets of data, and I'm currently getting some weird results from my data. The dates and numbers in my data does not correspond to the dates and numbers that are shown on the graph. My $scope.data contains this…
martin
  • 1,894
  • 4
  • 37
  • 69
0
votes
1 answer

nvd3 and angularjs multi bar chart

I am trying to plot a multi bar chart with angular and nvd3. The html part is
Kelly Goedert
  • 1,027
  • 2
  • 11
  • 37
0
votes
1 answer

How can I place a MouseOver event on a DiscreteBar Chart bar

I'm trying to create a a bar chart using an NVD3 angular directive from here: http://krispo.github.io/angular-nvd3/#/ The chart I'm using is this one: http://krispo.github.io/angular-nvd3/#/discreteBarChart This is my html for creating the chart on…
Andi
  • 1
  • 3
0
votes
1 answer

Programmatically updating brush for LineWithFocusChart in Angular nvd3

I am using the "LineWithFocusChart" in the Angular-nvd3 directives. The link to this directive is here Now I need to change the focus of this chart programmatically rather than using the focus chart below. The answer for this issue is in this…
srthu
  • 197
  • 2
  • 14
0
votes
1 answer

How to display line chart with keys associated with more than one set of values? angularjs-nvd3-directives

I´m using angularjs-nvd3-directives for display a chart line, but I need to display datasets that have more than one set of values for the same key. For example: "key": "estimation" "values": actual: [[x1,a1],[x2,a2]...] deviation:…
lau B
  • 1
  • 1
1 2 3 4
5
6