• Introduction
  • Getting Started
  • Vue 2 End of Support
  • Vue Wrappers End of Life
  • Native Components
    • Animation
    • Buttons
    • Chartsupdated
    • Conversational UI
    • Data Tools
    • Date Inputs
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
    • ListBox
    • ListView
    • Notification
    • PDF Processing
    • Popup
    • Progress Bars
    • Scheduler
    • ScrollView
    • Tooltip
    • TreeList
    • TreeView
    • Upload
  • Wrapper Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • FAQ
  • Troubleshooting
New to Kendo UI for Vue? Start a free 30-day trial

ArcGaugeProps

Represents the props of the Kendo UI for Vue ArcGauge component.

NameTypeDefaultDescription

centerRender?

any

A function that renders the center template of the Gauge.

color?

string

The color of the value pointer. Accepts a valid CSS color string, including hex and rgb.

colors?

ColorRange[]

The color ranges of the value pointer (see example).

dir?

string

Represents the dir HTML attribute.

onRender?

(event: any) => void

The event handler that is called when the component is rendered.

opacity?

number

The opacity of the value pointer.

pointer?

object

renderAs?

string

Sets the preferred rendering engine. If not supported by the browser, the Gauge switches to the first available mode.

The supported values are:

  • "svg"—If available, renders the component as an inline .svg file.
  • "canvas"—If available, renders the component as a canvas element.

scale?

ArcScale

The scale options of the ArcGauge.

transitions?

boolean

If set to true, the Gauge plays animations when it displays the series. By default, animations are enabled.

value

number

The value of the Gauge.