Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Reference Lines in Bar chart #1046

Open
AlisonVilela opened this issue Nov 27, 2018 · 16 comments · May be fixed by #1881 or #1923
Open

Reference Lines in Bar chart #1046

AlisonVilela opened this issue Nov 27, 2018 · 16 comments · May be fixed by #1881 or #1923

Comments

@AlisonVilela
Copy link

Originally posted by @marjan-georgiev in #422 (comment)

@AlisonVilela AlisonVilela changed the title Great, thanks! Let's discuss this for the bar chart in a separate issue. Reference Lines in Bar chart Nov 27, 2018
@damasioalexandre
Copy link

This would be an awesome feature!

@jackled
Copy link

jackled commented Mar 5, 2019

Yes, absolutely. Any idea when this is coming? The research project I'm working on requires background reference lines in bar graphs. I'm certain that this feature would make a number of people very happy.

@AlisonVilela
Copy link
Author

I implemented this feature locally a while ago, because I needed it so much, I can do a PR with these modifications

BarChart

@sDeVette
Copy link

@AlisonVilela I would love to see a PR for this, or just your implementation would also be very helpful! Thanks in advance

@rube-de
Copy link

rube-de commented Feb 13, 2020

any updates on this?

@TonySpegel
Copy link

@AlisonVilela can you please post your solution?

@EmreAkkoc
Copy link

@AlisonVilela would you mind sharing your implementation ?

@kolya-kra
Copy link

I faced the same issue. My solution might not be the cleanest but it worked. You can create a new component and copy the ngx-bar-chart component from the ngx-charts-Module into it.
Then add the following 3 lines to the ngx-charts-y-axis:

[referenceLines]="referenceLines"
[showRefLines]="showRefLines"  
[showRefLabels]="showRefLabels"

@EvaristoPerez
Copy link

Thanks kolya-kra I just did this with stacked bar chart and works like a charm. If somebody need it I can send more info.

image

@nghiado
Copy link

nghiado commented Apr 15, 2021

Can we support this?

@yusukemetroly
Copy link

@EvaristoPerez hi can you please share what you did? We are running into the same problem. thanks!

@carlosamn
Copy link

@EvaristoPerez Hi, is there any repo where we can check it out ? or at least any guide? Thanks

@carlosamn
Copy link

@kolya-kra Hi, Can you share any progress or support us with a guide pls? Thanks!

@kallekj
Copy link

kallekj commented Sep 8, 2021

Hi, @EvaristoPerez and @kolya-kra! Is it possible for you to share a gist with the code? Many thanks!

@ThomasHehenb
Copy link

Hi, is there any possibility to get a PR? @AlisonVilela

@bobbyg603
Copy link
Contributor

We've published a version of ngx-charts that includes @kedij777's reference line support. You can use it by installing @bugsplat/ngx-charts@20.7.0.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet