Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • 08:49
    mmonteiroc commented #1537
  • 05:50
    homj commented #486
  • 05:45
    homj commented #1537
  • May 05 18:45

    haeminn on gh-pages

    Auto-generated commit Triggere… (compare)

  • May 05 18:38

    Hypercubed on master

    Fixing timeline selection (#159… (compare)

  • May 05 18:38
    Hypercubed closed #1593
  • May 05 18:38
    Hypercubed closed #1575
  • May 04 15:15
    ozkoidi commented #1575
  • May 04 13:33
    eliza3291 commented #1039
  • May 03 14:37
    Hypercubed assigned #1575
  • May 03 08:15
    Zoraiyo commented #1575
  • May 02 08:16
    ecospecifier commented #1575
  • May 02 08:13
    ecospecifier commented #1575
  • Apr 30 06:02
    R1cs1KING commented #1228
  • Apr 30 02:15
    ajite commented #467
  • Apr 30 01:58
    axelgalicia commented #1228
  • Apr 29 20:39
    luca-nardelli opened #1615
  • Apr 28 13:59
    giuliohome commented #201
  • Apr 28 13:17
    giuliohome commented #1613
  • Apr 28 12:48
    giuliohome commented #201
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
image.png
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?
image.png
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
image.png
Label overlapping issues
Hardik Chauhan
@hardikidea
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
Screenshot (42).png 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
Hi
how can i sort numeric legend value to descending order?
2 replies
anu002
@anu002
image.png
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
image.png
Here is how it looks for now. Whole chart with legend should be contained in card.
Marius
@mnesser
image.png
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
Screenshot (10).png
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
image.png
image.png
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?
image.png
image.png
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
how-to-create-a-gauge-chart-in-excel-3.webp
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?