Angular.js directives for nvd3.js
Most known libraries:
Questions tagged [angular-nvd3]
202 questions
0
votes
1 answer
How can I replicate this nvd3 chart title styling/positioning behaviour?
I am taking over a site which uses Angular-nvD3 to draw a pie chart and when I build the site locally the title isn't displaying correctly.
Here's the chart on the current working site...
and here's what it looks like when I build the site…
Sean Toru
- 349
- 2
- 17
0
votes
1 answer
Setting a min & max on the axis
I am using anuglar-nvd3 and can't find any documentation on the API. The issue I'm facing right now is how can I set a maximum & minimum value on the xAxis and yAxis.
In other words regardless of the data, the axis would have a minimum of -1 and a…
Naguib Ihab
- 4,259
- 7
- 44
- 80
0
votes
0 answers
Angular nvd3 Line chart scrolling
How to do scrolling along the x axis with Angular nvd3?
I find this http://blog.scottlogic.com/2014/09/19/interactive.html and
http://bl.ocks.org/stepheneb/1182434
but it is too difficult
It doesn't work
xAxis: {
scale:…
yzavyalo
- 18
- 4
0
votes
1 answer
Angular nvd3 charts - Scatter and Line in the same xAxis
I want to create a chart with both points and lines, that points are placed in certain places (Not in a row)
/* Chart options */
$scope.options = {
chart: {
type: 'multiChart',
height: 500,
width:…
yzavyalo
- 18
- 4
0
votes
1 answer
nvd3 - multiBarHorizontalChart - sum is > 100%
I'm using angular-nvd3 and I need to present some horizontal bars, each with a count and percentage. Problem is that the sum of the percentages is sometimes 101%. For example:
There are solutions to the 101% problem - for example substract 1 from…
Jenian
- 552
- 1
- 5
- 18
0
votes
1 answer
Need to create Binary tree structure
I want to create a top-down binary structure (as shown in the image) in my Angular-2 project. Which library should I be using for rendering such a structure. It must support - drag and drop feature to increase the tree structure.
top-down tree…
Ankita
- 159
- 1
- 3
- 10
0
votes
1 answer
NVD3 Line Chart X-Axis displays only initial 9 values
I am using NVD3 Line Chart which is forked at this Plunker. I am having 52 weeks of data but x axis on line chart is taking first 9 weeks data only. Please find my code below -
var app = angular.module('plunker',…
Raj
- 264
- 1
- 3
- 18
0
votes
1 answer
Angular NVD3 charts: Unable to hide X and Y axes for stacked area chart
Ran this example from Angular NVD3's 'live edit' area.
http://krispo.github.io/angular-nvd3/#/
I opened it in Plunkr: Stacked Area Chart
As per the documentation,you need to add the following code, to hide the x and y axes.
showXAxis:…
Anish Nair
- 3,238
- 29
- 41
0
votes
1 answer
Angular NVD3 access the API in a loop
I need to repeat a underdetermine number of graphs. In the tool, I also need to access to the NVD3 API. For that I try to use code like this:
Daniel Rodríguez
- 11
- 3
0
votes
2 answers
angular.js:10126 Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting! error with nvd3 js
I am trying to plot a line-graph using nvd3(http://krispo.github.io/angular-nvd3/#/). The graph is inside an ng-repeat.
HTML Code:
Here i am passing an obj to from the array to the nvd3 graph, which is able to plot the line-graph. I have tried…
Gautam R
- 15
- 5
0
votes
1 answer
nvd3 data holes in charts
I am displaying a chart with data in the past represented by bars (observations) and data in the future represented by a line(forecast). Those are 2 separated sets of data.
The x axis uses dates and y axis use a float value.
My problem is that, for…
Weedoze
- 13,683
- 1
- 33
- 63
0
votes
1 answer
D3 nodes not showing up shape type
I am working on force layout of d3.js,
I have defined the nodes and links. But the nodes has parameters that belong to shape type rect and circle. So I want to read the node data and draw them accordingly. When I inspect the DOM, I can see the…
nilesh
- 315
- 2
- 11
- 24
0
votes
0 answers
Angular-NVD3 yDomain/forceY and transitions
In a simple Angular-NVD3 line chart, I'm using forceY to set the domain manually to add a "padding" to the y datas to make the chart more readable.
The problem is that setting this will stop the chart from animating when I change the data. Here is a…
Mitch
- 581
- 5
- 8
0
votes
1 answer
Stacked bar chart not rendering correctly and overlays bars
I am trying to draw a stacked bar chart using angular-nvd3, following this example. I use multiBarChart as the chart type. The output looks like this:
The bars are overlaid, whereas the total bar height, as well as the values displayed on mouse…
Marc
- 12,706
- 7
- 61
- 97
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