speedometer-vue

Speedometer

A Vue Speedometer for Vue 3

Install

npm install speedometer-vue

Basic Usage

<template>
   <div>
        <SpeedometerVue v-model="speed" :maxValue="50" color="red" />
    </div>
</template>
<script>
    import { SpeedometerVue } from 'speedometer-vue'
    export default {
        components: { SpeedometerVue },
        data () {
            return {
                speed: 50,
                maxValue: 100
            }
        }
    }
</script>

Loading mode

<template>
   <div>
        <SpeedometerVue v-model="speed" :maxValue="50" :loading="true" />
    </div>
</template>
<script>
    import { SpeedometerVue } from 'speedometer-vue'
    export default {
        components: { SpeedometerVue },
        data () {
            return {
                speed: null,
                maxValue: 100
            }
        }
    }
</script>

Needle style

<template>
   <div>
        <SpeedometerVue v-model="speed" :maxValue="50" :needle="true" />
    </div>
</template>
<script>
    import { SpeedometerVue } from 'speedometer-vue'
    export default {
        components: { SpeedometerVue },
        data () {
            return {
                speed: 50,
                maxValue: 100
            }
        }
    }
</script>