Questions tagged [angular-nvd3]

Angular.js directives for nvd3.js

Most known libraries:

202 questions
0
votes
1 answer

Draw vertical lines in chart

Is there any way to draw vertical lines in chart. (i.e.) Under each dot there is a vertical line which is projected to x axis. Could you advise how to customize it with Google Chart , of course if it is possible? Are there any other libraries with…
Vlad
  • 279
  • 1
  • 3
  • 12
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…
0
votes
1 answer

ng-repeat in angular-nvd3 tooltip

I need to ng-repeat some values in the tooltip content in the nvd3 graph, how to achieve it. I have a JSON sent along with the data, that needs to be repeated in the tooltip. I am stuck and I need some help in achieving this. or is there any other…
Sibiraj
  • 4,486
  • 7
  • 33
  • 57
0
votes
1 answer

Why can't I update a variable value in an AngularJS service from a controller?

I'm using an AngularJS service to get JSON data from a PHP page in order to render an Angular NVD3 chart. At first, the whole page works fine, but then when I use HTML buttons to change the value of the parameter, the data won't update/change…
0
votes
0 answers

How do I remove dots from interactive guideline (but keep the tooltip)?

The interactive guideline adds circles that move along each series as you mouse over the graph. However, if there are points in the graph that are undefined that dot just moves along the line the top of the graph. I want to remove these dots,…
Sam Schick
  • 400
  • 3
  • 14
0
votes
1 answer

Multiple connected one line charts with angular-nvd3

Is there is a way to create multiple connected one line charts with useInteractiveGuideline=true options. Such need is become when you need to show 3 different types of data on one graph (E.g. Fuel status, Engine working hours and water tank status…
AlexBerd
  • 1,368
  • 2
  • 18
  • 39
0
votes
1 answer

Angular Nvd3 - tool tip customization not working

I am working on a chart that requires a custom tooltip I have been setting up a generation function Using chart.Tooltip.contentGenerator The function doesn't seem to get called, even on hover . I cant see why this is not working I am using…
0
votes
1 answer

convert angular nvd3 chart as pdf/png

I am using angular nvd3 chart for plotting data on charts. I need to export my chart as pdf/png. tried with jdPDF. But It is not rendering css. Can anyone help me out this?
Dixit
  • 1,359
  • 3
  • 18
  • 39
0
votes
0 answers

get last updated brush states issue

I looked every where and I tried several solution but I wasn't able to find something similar to brushend in angular-nvd3 lineWithFocusChart. in fact I'm trying to get the details of the rendered brush extent. I tried callback : function(chart) { …
Med
  • 241
  • 1
  • 6
  • 23
0
votes
0 answers

Append SVG element in angular-nvd3 directive

I'm using angular-nvd3 directive for building line chart. In my case I have to create a custom background just like on the image. I've decided to realise it through adding new rect-elements to the nv-background tag in the chart callback function but…
0
votes
1 answer

How to show exact date in x-axis in nvd3.js?

I am trying to show exact date on x-axis but it's always coming in range form like below image. Please suggest the solution. I have given below parameters to $scope.options : $scope.options = { chart: { type: 'historicalBarChart', height:…
Rahul Matte
  • 1,151
  • 2
  • 23
  • 54
0
votes
1 answer

NVD3 - Time Format

I am trying to display a bar chart in angularjs using nvd3 such that x axis displays a date and y axis displays the time. I have tried the following: $scope.options1 = { chart: { type: 'discreteBarChart', height: 450, …
KeykoYume
  • 2,497
  • 6
  • 24
  • 48
0
votes
1 answer

How to customize tooltip for forceDirectedGraph in angular nvd3

I am using the force directed graph in angular nv3d. I would like to customize the text color on the nodes as well as modify the tool tip. Ive also been trying to figure out how to force the nodes to be more sparse. Here is my chart object: chart:…
tacotuesday
  • 125
  • 1
  • 5
  • 14
0
votes
2 answers

Multiple Angular JS apps

I have implemented two Angular NVD3 Apps for viewing 2 graphs on my html page. I read I could implement both by doing it with ng-modules instead of ng-app, but somehow it is not working. Could You help me?
Max R.
  • 1,574
  • 2
  • 12
  • 27
0
votes
2 answers

elementClick event is not firing in angular-nvd3 chart

I am using Angular-nvd3 for drawing the pie chart. HTML Javascript $scope.options.chart = { options: { …
Muhsin Keloth
  • 7,855
  • 7
  • 39
  • 59