Angular.js directives for nvd3.js
Most known libraries:
Questions tagged [angular-nvd3]
202 questions
1
vote
0 answers
Add Start up animation on Pie chart using angular-nvd3 chart library
I need to add Start up animation on Pie chart in angular-nvd3 chart library , it is possible to add animation to some parts but I could not set animation for pie chart .
here is sample code http://plnkr.co/edit/vtKWU0?p=preview
droidNDK
- 85
- 1
- 9
1
vote
0 answers
how to custom tooltip in angular.nvd3 in tooltipContent
Here is my tooltip function
tooltipContent: function(label, value, elem, graph) { // jshint ignore:line
return '
' + label + ' - ' + elem.value +'
'; }, and tooltip(android 5.1.1 - 40abc) is too far away from the pie.
kim2014
- 107
- 1
- 2
- 16
1
vote
1 answer
Angular-nvd3 linechart with lines rendered outside chart
I'm using Krispos angular-nvd3 to render a line chart. For some reason the lines are rendered outside the chart or the dates are wrong. The x-axis is a time scale and the min and max values of the xDomain is set using datepicker.
When setting the…
John P
- 15,035
- 4
- 48
- 56
1
vote
0 answers
Is there a way for me add a text right after the title in donut chart?
I'm using nvd3js for angular (http://krispo.github.io/angular-nvd3/#/), and I would like to add a text right after the title (in this case the title is 98%) and the text to be added is "done". I was able to make it work so far, but I couldn't seem…
fatPanty
- 11
- 1
1
vote
1 answer
Getting rendered date range from axis with NVD3
I'm using NVD3 to display of a number of line charts and would like to be able to get the min and max values of the xAxis currently displayed. In this case the xAxis shows time values.
When toggling the visibility of lines in the chart, by clicking…
John P
- 15,035
- 4
- 48
- 56
1
vote
0 answers
Angular Nvd3 - Invalid value for attribute transform="translate(0,NaN)"
I'm using the "Multichart" with the Angular Nvd3 directive, and I keep getting this error saying:
Error: Invalid value for attribute transform="translate(0,NaN)"
and I have no idea why this happens.
My HTML-code looks like this:
martin
- 1,894
- 4
- 37
- 69
1
vote
0 answers
ForceY Directive in NVD3/AngularJS
I'm trying to figure out how to change the ranges of my y-axis in the nvd3 charts on my angular app. I'm using Krispo's Angular-NVD3 library, and looked into his forums and documentation for directives involving forceY. In this forum Krispo mentions…
Nick Borisenko
- 494
- 3
- 18
1
vote
2 answers
saveSvgAsPng - getBBox is not a function
I'm using exupero's saveSvgAsPng library to save SVG's to PNG-files, but I've run into a problem when combining it with Angular-Nvd3.
I get an error saying:
Uncaught TypeError: el.getBBox is not a function
Which to me seems like the function…
martin
- 1,894
- 4
- 37
- 69
1
vote
1 answer
Angular-nvD3 Add a Title to donut chart
I'm having a hard time getting the title to display for a donut chart. Here is the plunkr I have: http://plnkr.co/edit/nJBpvU3YFAGaoc5BTXi7?p=preview. Here are the options I put:
$scope.options = {
chart: {
type: 'pieChart',
…
Jane
- 81
- 2
- 9
0
votes
1 answer
How to add more attributes in tooltip series in Angular NVD3 line chart
I need to add more attributes in tooltip series in Angular NVD3 line chart, if possible, without modifying the NVD3 source code. I know there are similar posts, but none of them covers this scenario.
Here is my tooltip section in…
user2217057
- 237
- 3
- 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
1 answer
AngularJS prepare data for MultiBar Chart NVD3
I am calling my API to get JSON array below,
array =…
TEMP
- 235
- 2
- 7
- 17
0
votes
1 answer
On common x-axis how to draw a chart with different unit of dataset array (multi line chart)
As you can see in the above picture, I have two type of data array, In one set of data on y-axis I am getting in degree celsius and another of data array I am getting in hertz (hz),
And the is quite possibly at runtime I can get some other dataset…
Ashish Yadav
- 350
- 3
- 17
0
votes
0 answers
AngularJS nvd3 chart - Highlight a point
Hi have an app with some graphs and I use a callback function to get the clicked point. I want to highlight it but I don't find any solution who work, and the documentation of this plugin is inexistant.
Here is the options for my graph :
…
Spialdor
- 1,475
- 5
- 20
- 46
0
votes
1 answer
NVD3 How to remove Y-axis in Line chart and also utilize the space of Y-axis after it is removed
I am using NVD3 for showing a line chart.
I have this line chart as follows:
chart: {
type: 'lineChart',
height: 150,
margin : {
top: 20,
right: 20,
…
Vinayak Nalwade
- 3
- 6