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
2
votes
2 answers

How to change the transition for angularjs-nvd3-directives charts

I am using angularjs-nvd3-directives to create some pie charts and stacked bar charts and was wondering how to change the transition duration or even the type, but the duration is the one I'm primarily looking to adjust. Here is my…
DeclanMcD
  • 1,518
  • 4
  • 22
  • 41
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
2 answers

Lodash: convert array to angularjs nvd3 Multibarchart data

i want to convert my apiArray fetched from api to AngularJS NVD3 MultiBarChart data format. $scope.apiArray = [{"date":"2018-07-05T05:05:39.732Z","id":2"count":1},{"date":"2018-07-05T05:05:39.732Z","id": 3,"count": 1},"date":…
TEMP
  • 235
  • 2
  • 7
  • 17
1
vote
0 answers

Nv-d3-directive TypeError: Cannot read property 'length' of undefined angular

I am getting and error while to try to integrate the data which i get from the api. I have included the following files in the index.html:
Gautam R
  • 15
  • 5
1
vote
1 answer

In NVD3 chart how can i use custom tooltip along with having userInteractiveGuideLine true

I am using nvd3 to plot some chart. I want to show a custom tooltip instead of the default tooltip provided by nvd3. At the same time i want to show the guideline to i.e. the vertical guide line bar. But the problem is when i show the custom tooltip…
Programming is Fun
  • 99
  • 7
1
vote
0 answers

axisLabelDistance attribute is not working when i use rotateLabels to rotate the ticks on x-axis with angular nvd3

I am using a simple line chart using angular nvd3, i am using dates as ticks on x-axis and i want some space between ticks and axis label. For that i use axisLabelDistance: 100, to maintain the gap, and it is working fine. My problem is when i use…
ved raj
  • 33
  • 4
1
vote
1 answer

`a.map is not a function` error when trying to make NVD3 chart

I'm trying to make a chart with AngularJS and NVD3. But I keep getting an error. Here's index.html: