The ng-2 charts library wraps the Charts.js library to make it easily accessible in Angular 2+.
Questions tagged [ng2-charts]
530 questions
0
votes
1 answer
ng2-chart : Adding labels in a loop prevents graph from loading
I am trying to get a graph to display my data using ng2-charts.
Everything works fine using mock-up data, however when I try to iterate over an Array passed by my parent component the graph itself doesn't display, only the orthogonal mark and…
Standaa - Remember Monica
- 1,878
- 2
- 28
- 45
0
votes
1 answer
Angular 2 ng2-charts doenst seem to work with Angular 2 RC 6 AoT Compiler
I have recently upgraded my project to Angular 2 RC 6 and trying Angular 2 RC 6 AoT compilation.
In my project I am using ng2-charts (https://github.com/valor-software/ng2-charts) but now when I try to compile my project with Angular 2 Ahead of…
Naveed Ahmed
- 10,048
- 12
- 46
- 85
0
votes
3 answers
Angular2, ng2-chart child rendering before parent
I am currently working on a visualization application with Angular2 and TypeScript for the frontend and Spring-Boot for the backend. Now I am at the point where the data coming from the backend hast to be displayed in my ng2-chart components.
I am…
CodeDonkey
- 65
- 1
- 9
0
votes
2 answers
How to group chart labels together?
I've got a chart to display data from the current quarter and previous quarter, but I also show it to the month. Here is an image of what I'm trying to do:
I'm not sure how to do this or if it's even possible. I'm currently using ng2-charts (which…
Alex Kibler
- 4,674
- 9
- 44
- 74
0
votes
1 answer
ng2-chart always display nothing in my angular2 js project
The source code is in:
https://github.com/DeronLee/Fitness.git
It already worked with out anything output on the screen.
I just follow http://valor-software.com/ng2-charts/ and wanna add some charts.
I tried barchart and linechart. All things worked…
Deron Lee
- 379
- 1
- 3
- 8
-1
votes
2 answers
How to decrease the barthickness in ng2-charts?
barchart
html file
-1
votes
1 answer
Why is an ng-charts in an extended row in a Datatable not displayed?
I'm trying to display ng charts in an extended child row Datatable but it is not displayed
function to add child
addChildTable(rowInstance, index: string) {
const tr = $('#' + index);
const row = this.table.row(rowInstance);
const data…
ABM
- 17
- 6
-1
votes
1 answer
Chart.js: How to set the height of the rows manually
Is it possible to make the rows a little bit narrow, I did a lot of research but couldn't find anything connected with this. Please have a look at the screenshot,
Also here is the code which I am using
BarChart Options
stackedChartOptions:…
Ashot Aleqsanyan
- 4,252
- 1
- 15
- 27
-1
votes
1 answer
is it possible to get time in box charts in chartjs?
Pls find the below image for time in box chart, is it possible to get same UI in chartjs or ng2-charts?
Kindly help here.
enter image description here
Thamizharasan P
- 1
- 1
-1
votes
1 answer
how to put ng2 chart label y axis value put 9000 = 9k
Im using my angular project for ng2 chart, i have some conflict on the bar chart, can i know how to put value like this format 1000= 1k
here the stack blitz code
My code here
-1
votes
1 answer
ng2-charts - Display only monday's date on x-axis of linechart
I am using ng2-charts with angular 6.
I have used line chart which displays value on y-axis and dates on x-axis.
Line chart image
So my requirement is like show dates of monday's only on x-axis. Still on hover of data point on chart it should show…
Ketan
- 1
- 2
-1
votes
1 answer
Chart.js: How to access the chart from a page containing multiple charts while using onClick option in legend?
I have multiple charts in a single page and i wanted to add a custom onClick action to the charts.
Below code is from chart.js documentation. It shows how to add the action when there is a single…
bhavithkrishna1
- 19
- 5
-1
votes
3 answers
Stacked areachart with percents values on the y axis using Charts.js and Angular 8
I'am using Angular 8 and ng2-charts package to create a stacked areachart. I want to create a chart like this. I tried to use min and max values to create Y axis from 0% to 100%, but it works incorrect with different data (if the sum of data for…
Syncmaxim
- 47
- 9
-1
votes
1 answer
Angular Radar Chart :OnClick event of label or sector
I have a radar chart , in which I want that on click of label or that area it will switch to new page . It is possible in angular radar chart (ng2-chart). Please help me with this.
SRISHTI GUPTA
- 3
- 1
-1
votes
1 answer
How to add vertical line in bar chart using chartJs and ng2-charts?
How to insert a vertical line at specified index on x-axis.
Suppose I have 3 datasets, I want to add a vertical line to separate 1st dataset from 2nd and 3rd datasets.
Naveen
- 135
- 3
- 11