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

how to render canvas in angular4

I have working with angular4 and ng2 chart. i need to show the text inside the canvas center of doughnut chart.I am new to angular4 canvas. Here is my app.component: export class AppComponent { @ViewChild("layout") layout: ElementRef;…
Mohamed Sahir
  • 2,482
  • 8
  • 40
  • 71
0
votes
0 answers

how to show sum of a value in Y axis of ngx-chart angular 2

I have a JSON file which is my mock data, I have to show summation of Y-Axis values and show it in ngx-Chart [ { "name": "2018", //X-Axis "series": [ { "name": "Column1", //Y-Axis "value": 5 }, { "name": "Column2", //Y-Axis …
Adnan
  • 814
  • 12
  • 38
-1
votes
2 answers

ngx-charts Step chart

Is it possible to implement a step chart using ngx-charts? https://swimlane.gitbook.io/ngx-charts/ Step chart example Thank you
DenisP
  • 13
  • 3
-1
votes
1 answer

How to change color lines to gradient color depending on the value

How to change lines color using ngx-chart ? The goal is to have a color that change depending on the yAxis, with a gradient color. It seems that if I change the schemeType from ordinal to linear, it does what I want to, but this remove the…
crg
  • 4,284
  • 2
  • 29
  • 57
-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
-1
votes
1 answer

NGX-chart show Time line issue. When load component dynamically using ComponentPortal in angular 8 version

show timeline issue when load the ngx charts using dynamically load component using ComponentPortal in angular 8 version. Please provide the solutions. Rendring component using in loop Like :
-1
votes
1 answer

How to sort values on ngx-chart-line-chart tooltip

Here is a line-chart example https://swimlane.github.io/ngx-charts/#/ngx-charts/line-chart. If you hover on that you'll see a tooltip: As you can see the values on tooltip is not sorted. Is there anyway to make the tooltip values sorted at all?
Sergino
  • 10,128
  • 30
  • 98
  • 159
-3
votes
1 answer

Vertical line to ngx-charts

How i can to add two vertical lines to stacked horizontal bar? This is my stackblitz I need to add something similar to red lines over stacked bar: i looking make this if not possible, what's your recommendation for make this work.
cruano
  • 45
  • 1
  • 7
1 2 3
16
17