Where communities thrive

Join over 1.5M+ people
Join over 100K+ communities
Free without limits
Create your own community

Explore more communities

swimlane/ngx-charts

People

Repo info

Activity

May 25 14:08

adudecoder commented #1686
May 25 01:02

BillLaNTT commented #1702
May 25 00:59

BillLaNTT commented #990
May 24 15:51

AScarberry closed #1288
May 22 01:09

jrmcdona edited #1752
May 22 01:08

jrmcdona commented #1753
May 22 00:58

jrmcdona labeled #1753
May 22 00:58

jrmcdona opened #1753
May 22 00:50

jrmcdona opened #1752
May 22 00:50

jrmcdona labeled #1752
May 12 05:21

sujitha454 commented #692
May 11 21:20

micahstubbs commented #1563
May 11 06:47

edualorobles commented #1704
May 10 11:57

amer1993 labeled #1751
May 10 11:57

amer1993 opened #1751
May 06 19:36

jogaj closed #673
May 06 19:36

jogaj commented #673
May 06 19:34

jogaj closed #1353
May 06 19:34

jogaj commented #1353
May 06 19:17

jogaj closed #734

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?

weirdyang

@weirdyang

Hello. Is there a way to switch the charts to the Dark theme that is on the Demo page via an option of some sort or is it all in css?

Balasaheb02

@Balasaheb02

the pie chart is disappearing after I got data?

Paulovich

@paulovich10

HI, I?m trying to build a two y axis chart following this example, https://github.com/habi4ek/double-axis-chart/blob/master/src/app/show-chart/show-chart.component.html but I when importing import { id } from '@swimlane/ngx-charts/release/utils'; I get the following error Cannot find module '@swimlane/ngx-charts/release/utils' or its corresponding type declarations. Anyone has the same issue?

Cristiano

@Corxo

Hello! I need to edit a linear graph, I need to extract X and Y of all points, can someone help me? Thanks! (I need to draw cricles on all points)

David Hamiter

@intoxopox

Hi all. This seems to have been asked a few times before, but can't find a clear answer. What's the expected data format for activeEntries? Also, will it work if the 'name' prop for an item in the given series is of type Date? Can't seem to get this to work at all on a multi-series timeline line chart.

Tejas Sawant

@Tejas02Sawant

Hi All, I need to always display the plotted dots onto the line chart graph irrespective of hover. Can someone help me with this?
Thanks

1 reply

Shubhrovlogs

@shubhro:matrix.org

[m]

Hi All, I am using an ngx chart for a Line chart..I want to start the y axis value with 5 as minimum and no max values...it can grow to whatever. When I m using [yScaleMin] = "5" inside html component its starting from 5 ending in 0 i.e going descending order. Once I set the max value [yScaleMax] = "50" its fine but I cannot keep any max value as per requiremnt. Any help on this?

Santiago Valle

@santiagovj22

Hi all, im using a custom ngx chart, specially the stacked horizontal bar chart, where in the xAxisTicks i need to put dates(days, calendar week, and month).

the issue that i have, and is killing me, is the xaxistricks is repeated, the reason is the calendar week

there are a way to format the xaxistricks and not show the repeated dates

JIC, the style chart is like a gantt chart

Yung Ho

@hothdung

Hello community,
I would like to know whether it is possible with ngx-charts to extend my x-axis on click?

Or do I need to use chart.js? Does chart.js provide this possibility?

Magesh Murugesan

@Magesh803_twitter

I am going to start the ngx-charts to my angular11 application. It's possible to show image as maker in the center of vertical bar graph. Image attached

safraou oussema

@SafraouOussema

hey, any help , when i have all value =0

safraou oussema

@SafraouOussema

jesse-peinado

@jesse-peinado

Hello everyone, I am trying to draw a ngx line graph using the xAxisTicks property and and it doesnt allow me to have a predefined list.

Can anyone help?

GullTee

@GullTee_twitter

Hello,
Any workaround or fix for this issue? : swimlane/ngx-charts#1313

Wouter Lievens

@wlievens

Hi. I'm trying to make a heatmap, where the user selects a certain variable from a dataset. The heatmap coloring however doesn't seem to use the full range of the color scheme

I get the impression it is scaling from 0 to max rather than from min to max

Is that something that can be modified? Many of my data series have ranges where 0 is meaningless and I would love to use the heatmaps from this library.

I'm using the "aqua" linear color scheme here but for "solar" I have a similar issue.

Wouter Lievens

@wlievens

Found it! There are min and max inputs on the heat map chart component which help out with my issue, but they're undocumented at https://swimlane.gitbook.io/ngx-charts/v/docs-test/examples/heat-map-chart

Wouter Lievens

@wlievens

Is there a way to make the Y axis of the heatmap sort the entries ?

my data has gaps in it (in this case the values at the four "corners" (1,1 1,5 5,1 and 5,5) don't exist

structurally; in this particular dataset there are even more gaps

anoopchandranms

@anoopchandranms

Getting Can't bind to 'xScale' since it isn't a known property of ':svg:g' errors

am using ngx chart 10.1.0 I searched this site but I don't get what is the answer for this is there a solution

sophiegerami

@sophiegerami

hello, i have a requirement to provide a user dashboard on my angular application, display bar charts with data from an API, i also have an requirement to allow the user to drive the creation on the chart, i.e user creates a customers chart and selects the data that he/she wants to be displayed - this would be a call to the customers api,which the front end will then filter out the data based on what the user has selected...

My questions is with ngx-charts i know i can build a chart and define what data i want to show in the code ...i.e pre defined chart, but can i also allow my end users to build custom on demand charts on the UI?

Alexandr Ushakov

@Bromles

Hello. I am trying to use a line chart. The example from the documentation from Stackblitz does not start, because the view parameter must be string | Color, but if I set the color as a string, then I get the error scheme is undefined. Can anybody help?

Domagoj Bazina

@dbazina-dev

Hello guys, I m using ngx-charts version 10.
The behavior I want to achieve is to change font color, on theme change event.
I' have found here: "swimlane/ngx-charts#540", that you can use " style="fill: grey;"" to change font color.

Is it possible to replace the style with ngStyle? When I made that change, it applied the first value defined in ngStyle, and it didn't react to any changes.

oussemagta

@oussemagta

hey i use angular 10 and ngx-chart 16.0.0 , when i have all data 0 , i have this bug

any idea how to fix this bug

james.kiger

@james.kiger:burkesoftware.com

[m]

Hi everyone. I am trying to use ngx-charts in an Angular app with Angular Material. But I've been having a really tough time getting responsive sizing on an area chart to work in a material card. I've tried a number of suggestions I found online, but no luck yet. I was wondering if anyone has any examples they could share of Angular apps using ngx-charts with smooth responsive sizing.

Petr John

@xjohnp00_gitlab

Hello, is there a way to rotate the box plot (https://swimlane.github.io/ngx-charts/#/ngx-charts/box-plot )? My dashboard is already filled with different charts and I can't fit a vertical box plot. Thanks!

Domagoj Bazina

@dbazina-dev

Hello guys :)
I have a question about timeline.
So I've implemented a line-chart along with timeline, Y-axis displays numbers (20-100) and X-axis displays the time. There are several lines on the chart that represents the data (output from the sensors, each line represents a separate sensor).

Data that is displayed on the chart is dynamically changed. So approximately every minute I get the new data for each sensor (value and time). The problem happens, when one of the sensors doesn't send data for a time period, and the other ones do. E.g. one sensor sent the last data yesterday, and the rest of them sent data 2 minutes ago. In that case, the time gap on the chart is too big, and data is not displayed correctly (Look at the pictures).

I'm wondering, is there a way to prevent this behavior? I know that I can set Max and Min on the X-axis. Also, there is a timeline option, but it is also based on the values of the X-axis. Is there way to limit the value of the timeline ( so only I can select last 20 minutes or something like that)

Picture 1 and 2 display the same chart. In the second picture, you can see that I've selected a tiny area on the timeline so that You can see what happens when the time gap is too big. The blue line displays the data from two days ago, and the other line displays the data a minute ago.

Chat via Matrix