Stack Overflow
Stack Overflow

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
2
votes
1 answer

How i can replace "legend" word of a chart in Angular ngx-charts?

I am using ngx-charts in my Angular 8 app. I have display a "Grouped Vertical Bar Chart", this one have a section with a label what i want to translate to spanish; it says "Legend", i want to replace it by "Leyenda", but i dont know how, because the…
Simón Farias
  • 732
  • 2
  • 8
  • 21
2
votes
1 answer

Chart does not reflect active entries unless I set it to array.slice() in the markup -- this will disable selecting points - Stackblitz inside

On the line chart there is the select event where you can select points & legend items.Line chart has activeElements input property which takes an array of the active elements. Line chart will not react to changes to the activeElements array unless…
SebastianG
  • 8,563
  • 8
  • 47
  • 111
2
votes
1 answer

NGX-Chart - Problem while getting chart data from service

I'm trying to get NGX-Chart coordinates from a service. It works by using a static object containing data but, if I try to call the PHP service loading the data dynamically, the chart doesn't load. import { Component } from '@angular/core'; import {…
mightymike
  • 35
  • 3
2
votes
0 answers

How can I set different colors for dot displayed in line chart in Ngx-charts in Angular 2?

I want to use line chart of Ngx-chart library. But I am not able to change the color of the dots which are displayed on the line. Hence How can I change those colors used for dots or provide own colors for dots in Ngx-chart Line chart? In…
JAYDIP HIRAPARA
  • 297
  • 4
  • 18
2
votes
1 answer

Angular7 Element with Components getting Schema error

I am trying to integrate some various external libraries into my own component to use as part of a dashboard I am building. For simplicity, I am trying to make a Angular Element that has a Line Chart, Graphic Gauge and then some more information as…
Steven Scott
  • 10,234
  • 9
  • 69
  • 117
2
votes
1 answer

how to initialize chart with API fetch data?

I want to use ngx-charts for my project. The problem is I don't understand how to initialize my chart with data I got from my api. The vertical bar chart seems easy. The data is of the following…
gxg
  • 110
  • 2
  • 15
2
votes
1 answer

Angular NGX-Charts: using a custom legend

There was a previous question here, but I need clarification on the answer and don't have enough rep to comment. Paging user @Maya Sol. I am trying to recreate her answer but I have not been successful and I am wondering where I am going…
annmarie-switzer
  • 133
  • 3
  • 14
2
votes
1 answer

ngx-charts: combine multiple chart types

I need to implement a chart with ngx-charts (see: https://github.com/swimlane/ngx-charts) that combines multiple chart types into one. I already found the combo-chart-component example here that combines a line chart and a vertical bar chart but…
cbicer
  • 21
  • 1
  • 4
2
votes
0 answers

Angular5 Ngx-chart : donut chart - Labels inside and outside

1.How we can add title to chart below the chart. 2.How we can add a lable inside the donut circle in Angular ngx-chart. Thanks in advance.
kumar
  • 31
  • 4
2
votes
0 answers

Don't plot graph on null value on ngx-charts-line-chart

I, am using ngx-charts-line-chart to plot the graph. Getting an error on Null value and the graph is ploted as 0 on the null value.
San Jaisy
  • 15,327
  • 34
  • 171
  • 290
2
votes
3 answers

Provide a service in Angular5 = "is not a function"

I want to override a service from an other module, but i got the error "is not a function" In my component (module 1) i inject the servie public constructor(private chartProgressService: ChartProgressService) { } In module 2 i override the servive…
Thorsten Rintelen
  • 549
  • 4
  • 19
2
votes
1 answer

Ngx Admin takes 10 seconds to load, how to improve speed?

So my NGX Admin installation takes 10 seconds to load while the demo and especially documentation instance located here loads at ultra speed of 2 seconds! https://akveo.github.io/nebular/#/docs/ How did they make it so fast 1-2 seconds while for me…
Ivan Simic
  • 41
  • 2
  • 9
2
votes
0 answers

Angular 4 Advanced Pie Charts: show NaN as the percentage instead of number

Currently, I'm using ngx-charts and initially, all my values will be Zero. So it's showing NaN (Because 0/0 is undefined). While DuckDuckGoing I even came across this bug. I reinstall ngx-charts to the latest version which is 7.0.1 and yet I'm…
Abhishek Ekaanth
  • 2,511
  • 2
  • 19
  • 40
2
votes
0 answers

ngx-charts click on point, open user input, display user input in annotation

I am using ngx-charts line chart to show visitors per week. I use mock data to create points in the chart. What i would like to achieve is that a user can input something like 'Christmas Eve' when he/she clicks on a point and then an annotation…
Thijs
  • 33
  • 5
2
votes
1 answer

Ngx-charts can't load line chart from feed correctly, works with local file

I am having a char initialised. Works good so configuration is properly set up and dependency installed. I followed example for line-chart and used data provided here: https://swimlane.gitbooks.io/ngx-charts/content/charts/line-chart.html Works…
sensei
  • 7,044
  • 10
  • 57
  • 125
1 2 3
…
16 17