Stack Overflow
Stack Overflow

Questions tagged [angular-nvd3]

Angular.js directives for nvd3.js

Most known libraries:

202 questions
3
votes
1 answer

dotted line in NVD3 line chart

I want to build a line chart which will have multiple lines. Now I want to convert my target line to a dotted line. Like this - $scope.options = { chart: { type: 'lineChart', height: 450, margin: { …
Gulrej
  • 969
  • 4
  • 15
  • 25
2
votes
2 answers

Angular NVD3: How to access the chart object defined in HTML

I have defined a multibar chart using the directive and passing the data and options to it defined in my controller: Now I want to somehow access the chart object created to do some…
Marius Adauge
  • 83
  • 6
2
votes
2 answers

nvD3 - multiBarChart - How to start from 0 and how to change the shape of controls

I have added a multiBarChart in my app using nvD3. I am stuck in doing two things: How to start it from 0. My first bar is starting after leaving some space. I played with group spacing but it didn't work. How do I change these circles into…
Rahul
  • 5,594
  • 7
  • 38
  • 92
2
votes
1 answer

How can I resize my d3.js script? is there a way to put this into a div tag where I can resize my bar chart smaller?

i am unable to resize my bar chart within a script tag. Currently the bar chat is showing up massive on the page and I would like to resize the chart into a smaller size on the page. Is there a way to resize this using CSS or JavaScript or put it…
dave
  • 135
  • 8
2
votes
1 answer

Use Different Value on Mouseover in angular nvd3

I have a data set that contains a frequency per hundred and an absolute count. The data set looks like this: $scope.data = [ { key: "Cumulative Return", values: [ { "label" : "A" , …
black_sheep07
  • 2,308
  • 3
  • 26
  • 40
2
votes
2 answers

nvd3 orientation axis on area chart

While creating an nvd3 area chart, there are ways to change the orientation of the axis, meaning starting from top to bottom, this works fine with non area charts, when I try to do so with area series, the datapoints are well located, the issue is…
Manuel Rodriguez
  • 21
  • 5
2
votes
1 answer

How to rotate to Y axis label in nvd3 chart

I have a multi chart in nvd3. I need to rotate the y axis labels for both yAxis1 and yAxis2. But i see there is no good option for rotating y axislabels. For rotating xAxis label it is pretty straight forward. Just uisng rotateLabels: 45 works for…
Programming is Fun
  • 99
  • 7
2
votes
0 answers

How to create a Line Chart with markers in nvd3?

I want to create a line chart with custom markers with nvd3.js library as shown in the following example: Is there a way to configure the chart using the chart config object? or should I modify the lineChart from the nvd3 library to achieve this?…
fons
  • 94
  • 1
  • 4
2
votes
2 answers

Prevent click event in angular nvD3 Stacked Area Chart

I'm trying to prevent the default behavior when I click on the angular-nvD3 Stacked Area Chart. I managed to access the onclick function, but I don't know how to prevent the event (modifies the graphic) from happening. I don't want the graphic to…
Erick Ramírez
  • 75
  • 2
  • 14
2
votes
0 answers

Angular nvd3 multichart with focus

did any one have any idea how to add a focus line to angular nvd3 multichart? here is a plunker with focusEnable:true but not working thank you in advance
Med
  • 241
  • 1
  • 6
  • 23
2
votes
1 answer

NVD3 Dispatch Events Don't Work On HistoricalBarChart

I am trying to get the chart click and mouse events to work on the NVD3 historical bar chart- but I'm failing to do so. Please see plnkr here http://plnkr.co/edit/Hnyi1A? I see here https://github.com/krispo/angular-nvd3/issues/36 that they…
user1142130
  • 1,617
  • 3
  • 20
  • 34
2
votes
0 answers

Different tickFormat for Axis and useInteractiveGuideline D3

I am building a stackedAreaChart in NVD3 for one of my projects. My data for this chart is an array of dictionaries, where each dictionary is similar to the one below: {x: 0, y: 1000, tickValue: 'Sunday'} I have created a mapping of (x,tickValue)…
shar
  • 1,988
  • 2
  • 18
  • 25
2
votes
2 answers

Load JSON Data into Angular-nvD3 Graph (AngularJS)

I want to load encoded JSON Data retrieved with queries from a database into an Angular-nvD3 graph but I don't know how to do it or which way is the best to accomplish such task. I retrieve encoded JSON data with queries from a database (table…
Ariana
  • 499
  • 1
  • 7
  • 13
2
votes
1 answer

nvd3 horizontalBar dynamic height

I am using angular-nvd3 horizontal bar charts. I need the size of the chart to be dynamically adjusted, so that the bars are of the same size always. The current functionality is such that, on click of a bar in one bar chart another bar chart is…
Shabbir
  • 86
  • 3
2
votes
2 answers

NVD3.js - How to add bar text to each bar in a stacked graph?

I have created a multi bar chart in NVD3/AngularJS. I want to display text inside each rectangular bar along with its value as seen in the JSON below. How do I display text values to the graph within each bar? NVD3 Chart Definition multiBarChart:…
Vahe
  • 1,699
  • 3
  • 25
  • 76
1
2
3
…
13 14