\Kendo\Dataviz\UI\RadialGauge

A PHP wrapper for Kendo UI RadialGauge.

Inherits from \Kendo\UI\Widget.

Usage

To use RadialGauge in a PHP page instantiate a new instance, configure it via the available configuration methods and output it by echo-ing the result of the render method.

Using Kendo RadialGauge

<?php
// Create a new instance of RadialGauge and specify its id
$radialGauge = new \Kendo\Dataviz\UI\RadialGauge('RadialGauge');

// Configure it
$radialGauge->renderAs('value')

// Output it

echo $radialGauge->render();
?>

Methods

gaugeArea

The gauge area configuration options. This is the entire visible area of the gauge.

Returns

\Kendo\Dataviz\UI\RadialGauge

Parameters

$value \Kendo\Dataviz\UI\RadialGaugeGaugeArea|array

Example - using \Kendo\Dataviz\UI\RadialGaugeGaugeArea

<?php
$radialGauge = new \Kendo\Dataviz\UI\RadialGauge('RadialGauge');
$gaugeArea = new \Kendo\Dataviz\UI\RadialGaugeGaugeArea();
$background = 'value';
$gaugeArea->background($background);
$radialGauge->gaugeArea($gaugeArea);
?>

Example - using array

<?php
$radialGauge = new \Kendo\Dataviz\UI\RadialGauge('RadialGauge');
$background = 'value';
$radialGauge->gaugeArea(array('background' => $background));
?>

addPointerItem

Adds one or more RadialGaugePointerItem to the RadialGauge.

Returns

\Kendo\Dataviz\UI\RadialGauge

Parameters

$value[, $value2, ...] \Kendo\Dataviz\UI\RadialGaugePointerItem|array

Example - using \Kendo\Dataviz\UI\RadialGaugePointerItem

<?php
$radialGauge = new \Kendo\Dataviz\UI\RadialGauge('RadialGauge');
$pointerItem = new \Kendo\Dataviz\UI\RadialGaugePointerItem();
$color = 'value';
$pointerItem->color($color);
$radialGauge->addPointerItem($pointerItem);
?>

Example - using array

<?php
$radialGauge = new \Kendo\Dataviz\UI\RadialGauge('RadialGauge');
$color = 'value';
$radialGauge->addPointerItem(array('color' => $color));
?>

Example - adding more than one RadialGaugePointerItem

<?php
$radialGauge = new \Kendo\Dataviz\UI\RadialGauge('RadialGauge');
$first  = new \Kendo\Dataviz\UI\RadialGaugePointerItem();
$second = new \Kendo\Dataviz\UI\RadialGaugePointerItem();
$radialGauge->addPointerItem($first, $second);
?>

renderAs

Sets the preferred rendering engine. If it is not supported by the browser, the Gauge will switch to the first available mode.The supported values are: "svg" - renders the widget as inline SVG document, if available or "canvas" - renders the widget as a Canvas element, if available..

Returns

\Kendo\Dataviz\UI\RadialGauge

Parameters

$value string

Example

<?php
$radialGauge = new \Kendo\Dataviz\UI\RadialGauge('RadialGauge');
$radialGauge->renderAs('value');
?>

scale

Configures the scale.

Returns

\Kendo\Dataviz\UI\RadialGauge

Parameters

$value \Kendo\Dataviz\UI\RadialGaugeScale|array

Example - using \Kendo\Dataviz\UI\RadialGaugeScale

<?php
$radialGauge = new \Kendo\Dataviz\UI\RadialGauge('RadialGauge');
$scale = new \Kendo\Dataviz\UI\RadialGaugeScale();
$endAngle = 1;
$scale->endAngle($endAngle);
$radialGauge->scale($scale);
?>

Example - using array

<?php
$radialGauge = new \Kendo\Dataviz\UI\RadialGauge('RadialGauge');
$endAngle = 1;
$radialGauge->scale(array('endAngle' => $endAngle));
?>

theme

The gauge theme. With versions prior to R1 2023 this can be either the respective LESS theme from the list below or "sass". When set to "sass" the gauge will read the variables from the Sass-based themes.Note: Since Q2 2024 release, the default value for the theme property is "sass" instead of "default". It is recommended to use "sass" with version Q2 2024 or later.The supported values are: "sass"; "black"; "blueopal"; "bootstrap"; "default"; "highcontrast"; "metro"; "metroblack"; "moonlight"; "silver" or "uniform".

Returns

\Kendo\Dataviz\UI\RadialGauge

Parameters

$value string

Example

<?php
$radialGauge = new \Kendo\Dataviz\UI\RadialGauge('RadialGauge');
$radialGauge->theme('value');
?>

transitions

A value indicating if transition animations should be played.

Returns

\Kendo\Dataviz\UI\RadialGauge

Parameters

$value boolean

Example

<?php
$radialGauge = new \Kendo\Dataviz\UI\RadialGauge('RadialGauge');
$radialGauge->transitions(true);
?>