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
0
votes
2 answers

How to make the "advanced pie chart" in ngx charts in angular2 vertically?

i'm new in angular js I used to customize the style in css easily but here I couldn't i'm using ngx-charts "advanced pie chart" and I need to make the results vertically how can I do this ? for example the attachment here shows the results…
Reema
  • 21
  • 1
  • 8
0
votes
2 answers

Update chart data in angular2-chartjs

I am using angular2-chartjs to create a chart. Below is my code Module import { ChartModule } from 'angular2-chartjs'; View
Login Frequency Filter
SP1
  • 1,182
  • 3
  • 22
  • 47
0
votes
3 answers

ngx-charts colors does not show correctly Angular 6?

I am trying to add color to the stacked bar graph using ngx-charts in angular 6. I use the array to add colors, But at each time color changes automatically. Whenever I request data color changes automatically. Is there any function or technique to…
M.T.S
  • 1
  • 1
  • 1
0
votes
1 answer

Why do I have to map all d3.js dependencies in SystemJS config file manually?

I am using systemjs.config.js file for a Application which is currently in Angular5.x. I installed npm install --save @swimlane/ngx-graph and npm install --save @swimlane/ngx-charts for creating DAG charts in the application. I step up a component…
Shan-Desai
  • 3,101
  • 3
  • 46
  • 89
0
votes
0 answers

Pie Chart to represent aggregate values - Angular 5

What is the recommended type of chart to use to show aggregate value? I'm guessing bar chart is the best but can I use a doughnut chart? For example, I want to show that 30 people have visited my website today. Can I represent this in a pie chart or…
user3344978
  • 644
  • 1
  • 8
  • 22
0
votes
4 answers

How to use yAxisTickFromatting to make a percent yAxis on ngx-Charts Bar vertical?

I am currently working with NGX-Charts version 8.0.2 specifically the vertical bar chart. I was looking through the documentation for the bar chart and I was trying to figure out how to format the x-axis ticks with percentages. example: 20% 30%…
Elvis Okumu
  • 51
  • 1
  • 4
0
votes
1 answer

Add dependecy of ngx-charts to integrate combo-chart

I'm using angular5 with library "@swimlane/ngx-charts": "^8.0.0" I need to add a library to use combo-chart because in ngx-charts the default install not include combo-chart . This is a demo of ngx combo charts. This is the source code of…
kdiouri1994
  • 13
  • 1
  • 7
0
votes
1 answer

ngx chart bubble chart- customizing data input

i have used ngx-chart bubble chart for my project but when data comes in as the following format below and chart breaks: multi: any[] =[{ "name": "Kuwait", "series": [{ "name": "a", "waiting time": 24, "real time": 38, "queue size":…
Angsumita Nath
  • 1
  • 2
0
votes
2 answers

Angular ngx-charts how to get x axis number

I have an Angular Ngx vertical chart , and I need to get only x axis number. I want to use this x axis number at onSelect function. Html :
mevaka
  • 1,980
  • 2
  • 17
  • 24
0
votes
1 answer

How return html label with ngx-charts

I use ngx-chart to create a piechart like thins: Template
lesimoes
  • 888
  • 2
  • 9
  • 26
0
votes
1 answer

ngx-charts found version 4, expected 3,

I just installed ngx-charts when i add it in app-module i get this error. ERROR in Error: Metadata version mismatch for module E:/Licenta/licenta/node_modules/@swimlane/ngx-charts/release/index.d.ts, found version 4, expected 3, resolving symbol…
George Sendrea
  • 31
  • 1
  • 9
0
votes
1 answer

TypeError: Cannot read property 'length' of undefined - ngx-charts-bar-vertical-stacked

I am trying to show count report in stacked vertical bar chart using angular chart (ngx-charts-bar-vertical-stacked), but I'm getting the following error: dynamically build the data so for example //app.ts i declare array chartDataNGX:any[];…
chaturvedi omp
  • 3
  • 3
0
votes
0 answers

Show data in swimlane/ngx-charts Angular 4

For the first time, i am using "swimlane/ngx-charts" and i want to show the data that i have generated when i run the code. In console i don't get any error, but i don't get "ngx-charts-pie-chart". Code HTML:
Cristian Annicchiarico
  • 5
  • 7
0
votes
1 answer

compering two years with ngx-charts

struggling with that few houres now -trying to compare sellings of a company of two years(2015,2016) - the problem is that I can not sort it with Date beacuse then ofcourse 2016 will come after 2015 -and I want them to 'overlapping' I fixed that…
pb4now
  • 1,305
  • 4
  • 18
  • 45
0
votes
1 answer

Push data in array, ngx-line-chart, angular4

I want to push some live-data in an array, to show the data in the ngx-line-chart. This is my Linechart-Component: export class LinechartComponent implements OnInit { data = [ { "name": "Test", "series": [ { …
Steffn
  • 275
  • 1
  • 6
  • 21
1 2 3
…
16
17