ng2-nvd3 provides angular 2+ components for nvd3.
Questions tagged [ng2-nvd3]
26 questions
5
votes
1 answer
nvd3 Angular2 change chart options dynamically
i'm using nvd3 for angular2 and i'm trying to change the chart options (yDomain) dynamically after beeing initialized.
this.options = {
chart: {
type: 'lineChart',
x: function(d){return d.x;},
y: function(d){return d.y;},
yDomain:…
Banana Joe
- 51
- 2
2
votes
1 answer
Browser errors on size change when ng2-nvd3 chart is out of view
Whilst using ng2-nvd3 combined with angular 2 routing capabilities, I've noticed that the console gets full with the following error:
d3.min.js:1 Error: attribute transform: Expected number, "translate(NaN,5)"
I managed to pin point the problem…
Boaz
- 4,549
- 2
- 27
- 40
1
vote
1 answer
how to set color to Angular-nvd3 (1.0.7)
I'm working on an AngularJS 1.5.3 project , and I use Angular-nvd3(1.0.7). I have met 2 problems:
1,When I'm using a discreteBarChart , I need to assign different color to every column,like this:(seems the picture can't display , you can imaging it…
Neko
- 581
- 1
- 9
- 24
1
vote
0 answers
ScatterPlot ng2-nvd3 big black circle
I am using ng2-nvd3 to plot a scatter. I fetch the data and create the data object in the good format. Then I create the option to display the chart.
The points are properly displayed but I have big black circle instead of having normal circle. See…
PierBJX
- 2,093
- 5
- 19
- 50
1
vote
0 answers
how to give zoom Support feature for Angular 2 NVD3 Chart
I found some zoom functions for angular 1.x nvd3 chart. but I don't really know how to access them via the options in angular 2 nvd3 chart?
Based on the nvd3 website there's a zooming functionality – chart: { zoom: {} }, I've placed it in my ng2…
Esrath Muqayyar
- 105
- 2
- 10
1
vote
1 answer
'nvd3' is not a known element: 1. If 'nvd3' is an Angular component, then verify that it is part of this module
I am new to the angular 5 in fact whole angular 2 concept.
i have created new project in visual studio 2017 with angular 5 and .net core.
i am trying to use the d3 and ng2-nvd3. i have added packages in npm. i am getting below error when i try to…
Sandip Dobariya
- 61
- 9
1
vote
1 answer
Not all ticks showing up in nvd3 line chart
I am trying to create a line chart.
Specifying ticks: 7 for a lineChart, but only 6 ticks are showing up.
This is the data and option values
this.options = {
chart: {
type: 'lineChart',
showYAxis:false,
…
Abhay Srivastav
- 754
- 6
- 16
1
vote
1 answer
Add more space (padding) into NVD3 line chart max and min
Let's take the example below:
krispo.github.io/angular-nvd3/#/lineChart
I want to add more space (kind of padding) between the min/max of the line chart and the x-axis/top.
There is this an option called yDomain:
Defines the whole Y scale's…
David
- 4,785
- 7
- 39
- 63
1
vote
0 answers
Extend xAxis with no point on edges in nvd3
I am developing charts with ng2-nvd3. Initially set xAxis range in lines:
forceX: [950, 3050],
brushExtent: [1000, 3000],
Providing these lines I want to filter my chart with brushExtent on xAxis and simultaneously I want to…
Krzysztof Królikowski
- 171
- 1
- 11
1
vote
1 answer
ng2-nvd3 realtime line chart update
I just struggling with realtime line chart update in ng2-nvd3, my data sets is fine but no changes in chart when data is coming relatime.
please find the solution, your help will be appreciated.
This is my Html code
…
sdubey
- 29
- 7
1
vote
1 answer
In NVD3 chart how can i use custom tooltip along with having userInteractiveGuideLine true
I am using nvd3 to plot some chart. I want to show a custom tooltip instead of the default tooltip provided by nvd3. At the same time i want to show the guideline to i.e. the vertical guide line bar.
But the problem is when i show the custom tooltip…
Programming is Fun
- 99
- 7
1
vote
1 answer
Missing gridlines using nvd3-ng2
I've run into a strange issue that I have trouble fixing. My charts are missing the x and y axis lines, and the tooltip box also only shows the text, not the box itself.
I tested this even with just the example discrete bar chart from the "Basic…
ekuusi
- 57
- 8
1
vote
0 answers
Bind ng2-nvd3 chart with component in Angular 2 using dispatch
I'm need to update data in chart and keep user configuration of chart
(multiBarChart, stacked option).
Here is my component
...
Igor Vatsenko
- 145
- 1
- 11
1
vote
1 answer
Reference .json file for external dataset in ng2-nvd3
I'm using ng2-nvd3, and I want to access external json data. Based on the below code snippet, how do I reference the .json file that would hold the same data as displayed in the this.data array below?
import {Component} from…
Joel
- 97
- 2
- 13
0
votes
1 answer
Chart.js: how do I group labels in toolips?
I'm migrating a project from ng2-nvd3 (based on D3) to ng2-charts (based on Chart.js) because ng2-nvd3 is no longer maintained.
My app has a blood pressure chart that shows both systolic and diastolic entries. With ng2-nvd3, both values are grouped…
Matt Raible
- 8,187
- 9
- 61
- 120