Questions tagged [ngx-charts]

ngx-charts is a charting framework for Angular 2+. It uses d3.js for math functions, scales, axis and shape generators, etc and Angular to render and animate the SVG elements of a graph.

Declarative Charting Framework for Angular2 and beyond

gx-charts is unique because we don't merely wrap d3, nor any other chart engine for that matter. It is using Angular to render and animate the SVG elements with all of its binding and speed goodness, and uses d3 for the excellent math functions, scales, axis and shape generators, etc. By having Angular do all of the rendering it opens us up to endless possibilities the Angular platform provides such as AoT, Universal, etc

Resources

https://github.com/swimlane/ngx-charts

248 questions
0
votes
1 answer

NGX-Charts Color of nodes

I'm trying to understand this 'simple' example of NGX-Charts: https://stackblitz.com/edit/ngx-graph-simple-example Each of the nodes in the graph has a different color, and if you look at the component.ts file, the node objects don't have a color…
Riddari
  • 1,713
  • 3
  • 26
  • 57
0
votes
0 answers

how to update multiple gadgets (all bar charts) with live data at same time

I want to display live data in multiple bar graph but only last graph is updated and taking the data of all graphs (using angular 7)
0
votes
1 answer

Angular ngx-charts

I have created a graph with ngx-charts but I can’t do several things: I would like to put the total number in the center of the graph and change the libel of the total word. I would like for example 9 Legends. Then I would like to put my legends…
dna
  • 486
  • 1
  • 9
  • 18
0
votes
1 answer

Are we able to position the y axis in the center of the x axis?

I'm trying to plot a chart as shown in the screen capture and I would like to shift the y-axis to the center of the x axis using existing charting fw like chart.js. Done a search but can't really find any answers. Chart
DanialChan
  • 100
  • 7
0
votes
1 answer

Displaying parts of a dataset

I got a dataset with Temperature values for different cities. For the visualisation of these values i'm using ngx-charts. The dataset contains subsets for munich, berlin and stuttgart. Is it possible hide a certain subset when clicking on it ? For…
basti
  • 3
  • 2
0
votes
1 answer

Ionic 4 and ngx-charts - Problem with responsiveness in ion-grid inside an ion-slide

I'm having problems with the responsiveness of ngx-Charts inside an "ion-slide", or more precise, a ngx-Chart within an "ion-grid" which resides in an "ion-slide". For the chart to be responsive I found two rules. One says, that you should not use…
Joey
  • 11
  • 7
0
votes
2 answers

Typescript .push function adds empty object to my array

When I push an array to ngx-barchart, the push function adds an empty object to the chart. I loop through the api service and get this: Then I call the service in barchart.component.ts single: any = [ { "name": [], "value": [] …
Seeker C
  • 67
  • 9
0
votes
0 answers

how to identify or differentiate the click event on a legend/label (vs) the rest of the chart in ngx-chart?

I've click event on ngx-chart pie chart where clicking anywhere on the pie chart will scroll the page to the bottom of the page except the click on legend or label. ( I need a different behavior for label click). My click event fires all the time…
dxpkumar
  • 371
  • 2
  • 9
0
votes
1 answer

How to fill bars with custom svg instead of a plain color in ngx-charts?

I was trying to build a pattern as shown in below Stackblitz https://stackblitz.com/edit/angular-u2stx8 In the above Stackblitz I was not using any external library other than Angular. I recently came across this beautiful library called ngx-charts…
Sai Nikhil
  • 1,237
  • 2
  • 15
  • 39
0
votes
1 answer

Ngx-chart height issue in Safari

I have a problem with a ngx-chart in Safari. I have them with height: 100% so it fits the available space and I also set a min-height so it has at least a desired height. This image taken in Firefox/Chrome: screenshot shows that it works on any…
gmorubio
  • 48
  • 9
0
votes
1 answer

Retrieving data from the API and displaying in a pie chart

I have a problem with displaying data downloaded from the API in the form of json. The data is not displayed/refresh in the pie chart, ngx-chart, static data work well. I have already read all posts about ngx-chart and Angular, but I have not found…
Foxx
  • 15
  • 4
0
votes
2 answers

How to highlight Data Points Always in a Line Chart with NGRX?

I have a line chart that displays line series. How is it possible to highlight the data points always? Currently only when mouse over it highlights one data point.
Dynamic
  • 1,553
  • 2
  • 19
  • 25
0
votes
1 answer

How to implement a high/low graph with ngx-charts

I want to make a high low graph with ngx-charts. It would graph a 0 as low and a 1 as high. In between low and high there is a line vertically connecting them (not diagonally like the standard implementation). Basically, [0,0,1,0] would be graphed…
0
votes
1 answer

Why is ngx-chart TreeMap labels are not shown in IE11?

I am currently using ngx-charts version 10.0.1 for ploting Treemap chart. My Angular version is 7.2.1. It is working as expected in Chrome but the labels are not shown in IE11. On page load, i'm seeing below errors in the IE console: TypeError:…
0
votes
1 answer

How to Integrating Chart.js with Angular 7 with Data from database

Chart.js with data from Chartjs link code screen images