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

[Feature Request] Sparkline with min and max value #13073

Closed
AndreasKubasa opened this issue Feb 8, 2021 · 7 comments
Closed

[Feature Request] Sparkline with min and max value #13073

AndreasKubasa opened this issue Feb 8, 2021 · 7 comments
Assignees
Labels
C: VSparkline VSparkline T: feature A new feature

Comments

@AndreasKubasa
Copy link

Problem to solve

The Sparkline (https://vuetifyjs.com/en/api/v-sparkline/) element does not have a min max value which is a crucial feature for many area charts.

Proposed solution

Let the user define a min and max value e.g. min: 0, max: 100 combined with a height it would be a good feature for a area chart.

@ghost ghost added the S: triage label Feb 8, 2021
@venusvavadiya
Copy link

Hi @AndreasKubasa, would you be able to elaborate more on what min and max should do on the Sparkline component from a behaviour standpoint?

@ElijahKotyluk ElijahKotyluk added the C: VSparkline VSparkline label Feb 9, 2021
@AndreasKubasa
Copy link
Author

AndreasKubasa commented Feb 10, 2021

Hello @venusvavadiya

I was thinking about something like this Highcharts Sparkline

We wanted to achieve something similar to this:
97
35

But, using the sparkline from vuetify, with values eg.: value: [10, 10, 10, 11] you get something like that.

Sparkline

We use it to show a sparkline for the awesomness history here: https://awesometechstack.com/analysis/website/vuetifyjs.com/
And this is the only part which is not vuetify, but built with vue-chartjs

If you need more information, i would be happy to provide more information.

@borsTiHD
Copy link

Interested as well 😊

@PMunch
Copy link

PMunch commented Dec 13, 2022

We've also run into this

@lioneaglesolutions
Copy link
Collaborator

@johnleider any plans for this?

@lioneaglesolutions lioneaglesolutions added T: feature A new feature and removed S: triage labels May 22, 2023
@johnleider
Copy link
Member

Not perse but it does have some community traction. Sparkline hasn't had a developer champion yet so it's sat in limbo tbh. When the component is revisited we can come back to this.

@johnleider johnleider added this to the v3.6.0 (Nebula) milestone Jan 26, 2024
@johnleider
Copy link
Member

Hello @venusvavadiya

I was thinking about something like this Highcharts Sparkline

This commit partially addresses this, and there more I'd like to do.

image

@johnleider johnleider self-assigned this Mar 1, 2024
VIXI0 pushed a commit to VIXI0/vuetify that referenced this issue Mar 13, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VSparkline VSparkline T: feature A new feature
Projects
None yet
Development

No branches or pull requests

7 participants