\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. This can be either a built-in theme or "sass". When set to "sass" the chart will read the variables from the Sass-based themes.The supported values are: "sass" - special value, see notes; "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);
?>
In this article
Not finding the help you need?