Angular.js directives for nvd3.js
Most known libraries:
Questions tagged [angular-nvd3]
202 questions
1
vote
1 answer
angular-nvd3 gives various errors saying that d3.scale is undefined
I'm attempting a very basic angular-nvd3 proof of concept to try to get a demo chart to render based on the angular-nvd3 docs.
See the sample code at Plunker
I'm using the straight up Line Chart example but getting this error in the browser…
rdnewman
- 1,379
- 20
- 28
1
vote
1 answer
Angular nvd3 sunburst does not update with $scope.data change
Use Case:
When data changes from the api, $scope.data also changes. I could see the data change in html. A sunburst chart update is expected.
Here is the core code:
Controller:
var grabData=function(){
$http.get('someApi').then(function…
Sushant
- 3,499
- 3
- 17
- 34
1
vote
1 answer
Inserting NVD3 chart in Leaflet popup
Inside my AngularJs web application I'm building a map using Leaflet.js and Leaflet markercluster.
To render charts I'm using nvd3.js and the nvd3-angular-directive
I've got different data coming from all over the world and I'm showing a simple…
fredmaggiowski
- 2,232
- 3
- 25
- 44
1
vote
0 answers
Hide specific parts of the legend of a line chart
Is there any way to hide some parts of the legend in a plain line chart using the angular-nvd3 module ?
Actually, the thing is I have several lines and I want that the legend of my dashed lines to be hidden because I don't want the user to be able…
Alexandre D.
- 711
- 1
- 9
- 28
1
vote
1 answer
Angular nvd3 multibarchart stacked not showing properly
i am creating multibarchart using angular nvd3. It shows data properly in grouped format but when clicked on stacked it shows single color only.
I had created a plunker for it.Any ideas what i am doing wrong?
$scope.options = {
chart: {
…
Apu
- 21
- 3
1
vote
0 answers
Angular-nvd3 change animation transitions
I'm using angular-nvd3 and I'm having a lot of trouble figuring out how to change the way things animate.
Below is what currently happens when you toggle a dataset on. As you can see the Expenses animate in from the upper right and the Distances…
KevinM
- 1,799
- 4
- 28
- 58
1
vote
2 answers
Angular-NVD3 Stacked Bar Chart With Line
I'm new to D3, NVD3 and Angular-NVD3. I need to create a chart that looks similar to this, using Angular-NVD3:
SO question: NVD3 Stacked Bar Chart Plus Line Overlapped
(there's a JS Fiddle on the SO question).
Angular-NVD3 has two charts which each…
alwayslearning
- 268
- 2
- 9
1
vote
1 answer
y axis - min-max range - Angular NVD3 - Line chart
usage - Angular NVD3 LineChart
I am getting data, but when data is 0, it plots the graph and plot y axis from range -1,0,1.
But i do want to plot in negative y axis, since my data can never be negative.
X-axis contains time.
My graph progresses as…
Ankur Singhal
- 26,012
- 16
- 82
- 116
1
vote
2 answers
Conflict of IonicModal with AngularNVD3 (based on D3)
I'm using nvd3 in my Ionic App. There is a scenario in which I face an issue i.e. I've a PieChart on one tab and IonicModal on another tab. Once I open the IonicModal, and after that when I come on the PieChart Tab, the chart becomes so small. Looks…
SamiMalik
- 160
- 2
- 15
1
vote
1 answer
nvd3 angular-nvd3 d3 Displaying chart legend vertically
I'm creating a pie chart using nvd3 and angular-nvd3. I've got my legend displayed but it's in a row across the top.
I'd like to display it in a column down the left side.
I found http://embed.plnkr.co/TJqjjkHaD2S0VjsGmN3c/preview but when I use the…
James White
- 535
- 10
- 24
1
vote
1 answer
Duration property for multiChart in NVD3-Angular does not work
I try to change duration property for multiChart but It does not work.
It is example
{
chart: {
type: 'multiChart',
duration: 500,
...
}
}
http://plnkr.co/edit/ohZDWMq4zxear9V98ItO?p=preview
Roman
- 371
- 2
- 3
- 15
1
vote
1 answer
How do I add a custom tooltip to angular-nvd3 multibar chart?
I cannot get this to work in a multibar chart
$scope.countsChart.options = {
deepWatchData: false,
chart: {
type: 'multiBarChart',
margin: {
top: 20,
right: 20,
bottom: 45,
left: 45
},
clipEdge: true,
…
Eric Hartford
- 16,464
- 4
- 33
- 50
1
vote
1 answer
Tooltip not working on second line in NVD3 MultiChart
I have a multiChart in angular-nvd3, which should display sales count and total income for each day.
Nick Shvelidze
- 1,564
- 1
- 14
- 28
1
vote
2 answers
Appending text to points in angular-nvd3
I'm currently redesigning some visualizations to go from static embedded output from R to interactive graphs using angular-nvd3. I've made considerable progress and have nearly finished re-implementing all the options necessary.
However, the last…
Tim Sparks
- 13
- 6
1
vote
1 answer
Adding gauge chart to nvd3
I have an angular frontend app that uses angular-nvd3. This is quite convenient for me.
Unfortunately I now need a gauge chart and because I create dynamic charts from a server response I don't want to build many conditions to include a different…
Hans Höchtl
- 363
- 4
- 14