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
1
vote
1 answer

AngularJS nvd3-line-chart directive not redrawing on data change (not real time)

Trying to use nvd3-line-chart directive in my AngularJS app, but it does not redraw on changing the underlying model... I'm new to AngularJS, so might be something obvious to an experienced Angular programmer, but drives me nuts :-) Searching for…
bernshaw
  • 11
  • 3
1
vote
1 answer

Sometimes svg chart doesn't fit in the container but it works when screen refresh

Sometimes svg chart appear more small than normal. This problem is solved Reloading Screen. //Values Graphic $scope.$watch(vm.dataGraphic.watch, function () { var data = vm.dataGraphic.watch ? $scope.$eval(vm.dataGraphic.watch) :…
mjimcua
  • 2,781
  • 3
  • 27
  • 47
1
vote
1 answer

How to get the right custom color for legend

Custom colours for doughnut chart is not showing in legend, rather legends take arbitrary colours. How can I make it pickup those custom colours? app.controller("ExampleController", ["$scope", function ($scope) { $scope.pie = [ …
Bala
  • 11,068
  • 19
  • 67
  • 120
1
vote
1 answer

d3 word cloud - Cannot add inside the div

I am trying to make a dashboard using d3/angularjs. I am stuck at adding the word cloud into the main.html. this is the word cloud i generated before.
{{…
Peter Smith
  • 53
  • 1
  • 9
1
vote
1 answer

nvd3 directives graphs -- how do I adjust padding?

I'm rendering some data using nvd3 directives, and the plottable area seems to be rendering with a ton of additional padding, but I can't figure out how to adjust that. How would I adjust it so that the graph takes up more/all of its available…
Kristian
  • 21,204
  • 19
  • 101
  • 176
0
votes
0 answers

How to add an offset for specific data bars in angularjs d3

Is there any way to add an offset for data, like in image below? Thanks in advance Here is my simple multibar chart controller, I think it has to do something with y function, but it requires number to be returned, not…
Alexander Lekontsev
  • 992
  • 6
  • 17
0
votes
1 answer

Angular-nvd3(1.0.7) discreteBarChart's bar not show up

I copied all options and datasource from example . and the graph shows , but I can't see the bars . but if I mouse over it , it gave me a tooltips. so the bar is there , but I can't see it.. the version I used was Angular-nvd3 1.0.7 and the code…
Neko
  • 581
  • 1
  • 9
  • 24
0
votes
0 answers

NVD3 linePlusBarChart, x axis labels disappearing if left/right edges are small, between -1 and 1

In my NVD3 linePlusBarChart, the x axis labels are disappearing if left/right edges are small double values between -1 and 1. Note, if the left edge is smaller than -1 and the right edge is greater than 1 (no matter double or integer), then the…
user2217057
  • 237
  • 3
  • 17
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

angularjs nvd3 dispatch chart event won't trigger $onChanges()

How do I get angularjs nvd3 dispatch.elementMouseover to trigger $onChanges() in a child component . . Parent Component Controller (StatsComponent) class StatsController { constructor( $q, PlayerService, PointService ) { 'ngInject'; …
locnguyen
  • 841
  • 1
  • 12
  • 25
0
votes
0 answers

Multichart krispo showing curved lines instead of straight lines

In my angular application I have used Krispo Multichart graph. Where I am getting some weird graph points. See below screen shot: UPDATE Screen shot 1 : Screen shot 2: Screen shot 3: In above screen shots, the data are coming in every minutes…
MonsterJava
  • 423
  • 7
  • 23
0
votes
0 answers

Unable to render multiple MultiBarCharts inside a MultiChart. Angular nvd3 chart

I need to have two MultiBar charts simultaneously in MultiChart using Angular nvd3. MultiChart works fine for bar, line and area charts or combination of any of these 3. But when I am trying to have multiple MultiBar charts inside the chart window I…
Swagat Swain
  • 495
  • 1
  • 4
  • 22
0
votes
1 answer

Line Chart - Y Axis value not showing in tooltip

Hi I am using Angular NVD3 line chart. I am getting decimal value for Y Axis. In tickFormat of Y axis, I am changing it to integer format. Now, the Y axis value in the tooltip not showing up. if the value is integer then only it's showing up. I…
learntech
  • 123
  • 1
  • 9
0
votes
1 answer

How to stop nvd3 angular directives from rounding off values?

nvd3-angular-directives pie chart is rounding of values when showing percentages. Is there a way to display the exact with decimal places? I have values 99.71% & 0.29% which are rounded to 100% and 0%. ...
Bala
  • 11,068
  • 19
  • 67
  • 120
1 2 3
4
5 6