Giter VIP home page Giter VIP logo

Comments (6)

pritishvaidya avatar pritishvaidya commented on July 24, 2024 1

from react-native-speedometer.

luizjr avatar luizjr commented on July 24, 2024

Hello, Unfortunately, I didn't get the time to make unequal splits in the speedometer. It should be an easy fix though, you can modify it to pass some prop such as degree and modify the degree util to use this rather than the calculations that we already have. I am busy with some other tasks right now, so I can't estimate when this would be completed. Thanks

On Wed, Aug 7, 2019 at 7:27 PM Chantelle Carr @.***> wrote: Hi, This speedometer is great. I would like to have an unequal split of labels against values. i.e. I have the following labels={[ { name: 'High Risk', labelColor: '#ff2900', activeBarColor: '#ff2900', }, { name: 'Medium Risk' , labelColor: '#f4ab44', activeBarColor: '#f4ab44', }, { name: 'Low Risk', labelColor: '#00ff6b', activeBarColor: '#00ff6b', }, I would like to assign value 0-15 to High Risk, value 16-60 to Medium Risk, value 61-100 to Low Risk. Can you please help me to do this? Thank you — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#14?email_source=notifications&email_token=AEYFRTPIDRWBVJRLD2FDK3TQDLIEBA5CNFSM4IKAWB62YY3PNVWWK3TUL52HS4DFUVEXG43VMWVGG33NNVSW45C7NFSM4HD44B3A>, or mute the thread https://github.com/notifications/unsubscribe-auth/AEYFRTJEYJEJRR7TYAEDJATQDLIEBANCNFSM4IKAWB6Q .

Any predictions for this to happen?

from react-native-speedometer.

ilakkiah avatar ilakkiah commented on July 24, 2024

Any update on this for showing labels based on split

from react-native-speedometer.

mbalbera avatar mbalbera commented on July 24, 2024

@ilakkiah I made unequal splits by doing the following. Basically I found the ratios of things I needed and did it like that i think i have 3 low, 3 medium, 4 high
const labels =[
{
labelColor: "rgb(0,202,148)",
activeBarColor: "rgb(0,202,148)",
name: 'Low Risk',
key: 1,
},
{
labelColor: "rgb(0,202,148)",
activeBarColor: "rgb(0,202,148)",
name: 'Low Risk',
key: 2,
},
{
labelColor: "rgb(0,202,148)",
activeBarColor: "rgb(0,202,148)",
name: 'Low Risk',
key: 3,
},
{
labelColor: "rgb(255,150,48)",
activeBarColor: "rgb(255,150,48)",
name: 'Medium Risk',
key: 4,
},
{
labelColor: "rgb(255,150,48)",
activeBarColor: "rgb(255,150,48)",
name: 'Medium Risk',
key: 5,
},
{
labelColor: "rgb(255,150,48)",
activeBarColor: "rgb(255,150,48)",
name: 'Medium Risk',
key: 6,
},
{
labelColor: "rgb(252,32,28)",
activeBarColor: "rgb(252,32,28)",
name: 'High Risk',
key: 7,
},
{
labelColor: "rgb(252,32,28)",
activeBarColor: "rgb(252,32,28)",
name: 'High Risk',
key: 8,
},
{
labelColor: "rgb(252,32,28)",
activeBarColor: "rgb(252,32,28)",
name: 'High Risk',
key: 9,
},
{
labelColor: "rgb(252,32,28)",
activeBarColor: "rgb(252,32,28)",
name: 'High Risk',
key: 0,
},
]

from react-native-speedometer.

swaroopaillinda avatar swaroopaillinda commented on July 24, 2024

hi

I also need to split the speedometer into unequal parts based on percentage
how can I do that I did not find any property for that

can you tell me how to implement it.

Thanks

from react-native-speedometer.

swaroopaillinda avatar swaroopaillinda commented on July 24, 2024

@pritishvaidya Have you added unequal splits
Its is needed urgently so Please can you tell me when it is completed

or give any other suggestion to achieve this

from react-native-speedometer.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.