swimlane/ngx-charts

bgomez

@bgomez_gitlab

Does anyone have an example of a combo with group vertical bars?

Marius-Dan Turcanu

@maikldan

Hello Guys, I need to to build grouped bar chart with 2 y axis, can someone help me?

safraou oussema

@SafraouOussema

hey , i need help , i want to get full text in chart

Prasana

@prasanaworld

i'm using ngx-chart@16.0.0 But it not working in IE 11..! I tried using some polyfill but it didn't workout. Any suggestion ? Thanks in advance

fabioportieri

@fabioportieri

hi, is there any way to access source code of the demo app in https://swimlane.github.io/ngx-charts ?

Nidhi Bhatt

@nidhi42

Hello all Is there any example demo code available for Treemap-Interactive chart if anyone knows how to use please guide me

pawel-elmi

@pawel-elmi

Hello, I have a problem while trying to export a line chart with html2canvas to PDF. Normally, there is a grid and no gradient under the chart. What is happening while the export, and how to avoid that effect and export the chart as is?

Nidhi Bhatt

@nidhi42

@marjan-georgiev please reply on my question above.

Nidhi Bhatt

@nidhi42

@marjan-georgiev please reply ASAP on my question i need to add this chart in my project

Hardik Chauhan

@hardikidea

https://drive.google.com/file/d/1zPDGI38dOZPl92O3h95ScDF-qw_7VMt2/view?usp=sharing

please help

Label overlapping issues

Hardik Chauhan

@hardikidea

swimlane/ngx-charts#1559

Lance Dinh

@blance97

Hi, im fairly new to this library and am working on a project that requires the reference line(on a line chart) to be a different color and it the value for the reference line be shown on the y-axis. Looking thru the library I wasn't able to find any intuitive way to customize it to my needs.

Like so https://drive.google.com/file/d/1bCog-n6FY__ZoVP98cXCJ8Eo5wSU1Ooa/view?usp=sharing

Thanks!

Calidus

@Calidus

@blance97 if you want to add a reference line you going to need to generate the data. As for colors [customColors] is what your looking for.

brenaejdavis

@brenaejdavis

Hey has anyone ever had this specific issue when trying to integrate a sparkline chart into their code: "ERROR TypeError: Class constructor BaseChartComponent cannot be invoked without 'new'" I'm really at a loss with this

Pruthvi Rayudu

@rayudu017_twitter

Hi, i'm using ngx-charts. I am having one bar graph and i need one line indicator that describes the flow of the graph. That line does not represent any data. I went through many examples but none of them solved my issue. Im posting the graph image above. Thanks in advance

Calidus

@Calidus

@rayudu017_twitter What do you mean the line does not represent any data? You don't have data to plot the line?

Calidus

@Calidus

You will need to generate data to plot the line if you don't have it

anu002

@anu002

how can i sort numeric legend value to descending order?

2 replies

anu002

@anu002

here is the image i want it as 120,60,30,15

Jignesh M. Khatri

@jigneshkhatri

Does anyone know how to fix height issue for vertical bar chart? I have bootstrap grid column, in which I want to display bar chart, and data is dynamic. But chart is overflowing parent div in height slightly. I have fixed the height of parent div, and that works fine, parent div does not expand. But chart overflows it in height. Width works just fine.

Code for reference:
<div class="col-4"> <div class="card p-3 shadow"> <div style="height: 400px; width: 100%" #containerRef> <ngx-charts-bar-vertical [view]="[containerRef.offsetWidth, 400]" [xAxis]="showXAxis" [legendPosition]="'below'" [yAxis]="showYAxis" [legend]="showLegend" [showXAxisLabel]="showXAxisLabel" [showYAxisLabel]="showYAxisLabel" [scheme]="colorScheme" [results]="totalSalesData" [xAxisLabel]="xAxisLabel" [yAxisLabel]="yAxisLabel"> </ngx-charts-bar-vertical> </div> </div> </div>

Jignesh M. Khatri

@jigneshkhatri

Here is how it looks for now. Whole chart with legend should be contained in card.

Marius

@mnesser

Is there a way to move the legend closer to the chart?

<ngx-charts-area-chart [scheme]="innkjopGraf.colorScheme" [legend]="innkjopGraf.legend" [legendTitle]="innkjopGraf.legendTitle" [legendPosition]="innkjopGraf.legendPosition" [showXAxisLabel]="innkjopGraf.showXAxisLabel" [showYAxisLabel]="innkjopGraf.showYAxisLabel" [xAxis]="innkjopGraf.xAxis" [yAxis]="innkjopGraf.yAxis" [timeline]="innkjopGraf.timeline"  [results]="innkjopGraphSource">
</ngx-charts-area-chart>

innkjopGraf= {
    //view: [450, 300],
    colorScheme: {
      domain: ['#5AA454', '#E44D25', '#CFC0BB', '#7aa3e5', '#a8385d', '#aae3f5'],
    },
    showYAxisLabel: false,
    showXAxisLabel: false,
    xAxis: true,
    yAxis: true,
    timeline: true,
    legend: true,
    legendTitle: '',
    legendPosition: 'below',
  };

Parsa_Sedigh

@Parsa-Sedigh

Hello everyone, I have this code for ngx-charts-gauge and as you can see the 0 is huge. Why it's like that? Also when I pass a negative value, it shows for example: 0-12 instead of -12:

 <ngx-charts-gauge [view]="gaugeDimensions"
                            [min]="-90"
                            [max]="90"
                            [bigSegments]="4"
                            [angleSpan]="180"
                            [startAngle]="-90"
                            [valueFormatting]="gaugeValueFormatter"
                            [results]="gaugeState"
                            [scheme]="colorScheme">
          </ngx-charts-gauge>

Alberto Tavoletti

@sviluppo

Hello everyone, did you know if there is a way to get a doughnut (pie) with multiple series??
Like this one of ng2-charts: https://valor-software.com/ng2-charts/#/DoughnutChart

Osman Raif Güneş

@osmanraifgunes

Hello, I am using ngx-charts-bar-vertical-stacked and the bars are too small.

There is no high data value. but ticks are too small.

Osman Raif Güneş

@osmanraifgunes

Hmm i fixed. If the provided data is in string format (like : "3") it stays so small

Dylan Storey

@DStorey_gitlab

Hello everyone, I am building a feature which will allow the user to switch between a <ngx-charts-bar-vertical-stacked> chart and a <ngx-charts-line-chart> chart, using the same data source. However, the values of the x and y axes seem to swap when I switch between graphs. Does anyone know how I would be able to keep the same values for the x and y axes when swapping from one graph to the other?

I would like to keep the months as the x-axis for both charts - any help would be appreciated! Thank you

Ricardo Gonzalez

@Ricardo55833438_twitter

Hello, is there a way. to add images to labels in ngx-charts-bar-horizontal?
I was thinking is something like this.
{
"name":"abc",
id:4,
"value":123,
"meta": {
"link": 'https://image.flaticon.com/icons/svg/145/145812.svg',
}

smita2811

@smita2811:matrix.org

[m]

Hey !! I recently updated the version of @swimlane/ngx-Charts from ^12.0.1 to ^13.0.4

I am getting the below error Module '"@swimlane/ngx-charts"' has no exported member 'roundedRect'

from where can i import the member roundedRect?

smita2811

@smita2811:matrix.org

[m]

hey! Could somebody help me on how do i fix this : Cannot set property ɵfac of function BaseChartComponent(chartElement, zone, cd) {
this.chartElement = chartElement;
this.zo...<omitted>... } which has only a getter

user498-t

@user498-t

ngx graph orientation:'TB' gives me nice vertical alignment of nodes. However, the labels (links text) is also shown from top to bottom. Instead can I show it from left to right? thanks

dasco144

@dasco144

Hi
Is a gauge chart like this possible with either the gauge or linear gauge chart?

Where you can compare a single value against a set of predetermined values?

Where communities thrive

People

Repo info

Activity