\Kendo\Dataviz\UI\ArcGauge
A PHP wrapper for Kendo UI ArcGauge.
Inherits from \Kendo\UI\Widget.
Usage
To use ArcGauge 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 ArcGauge
<?php
// Create a new instance of ArcGauge and specify its id
$arcGauge = new \Kendo\Dataviz\UI\ArcGauge('ArcGauge');
// Configure it
$arcGauge->color('value')
// Output it
echo $arcGauge->render();
?>
Methods
centerTemplate
The label template. Template variables: * value - the value
Returns
\Kendo\Dataviz\UI\ArcGauge
Parameters
$value string|\Kendo\JavaScriptFunction
Example - using string
<?php
$arcGauge = new \Kendo\Dataviz\UI\ArcGauge('ArcGauge');
$arcGauge->centerTemplate('value');
?>
Example - using \Kendo\JavaScriptFunction
<?php
$arcGauge = new \Kendo\Dataviz\UI\ArcGauge('ArcGauge');
$arcGauge->centerTemplate(new \Kendo\JavaScriptFunction('function() { }'));
?>
color
The color of the value pointer. Accepts a valid CSS color string, including hex and rgb.
Returns
\Kendo\Dataviz\UI\ArcGauge
Parameters
$value string
Example
<?php
$arcGauge = new \Kendo\Dataviz\UI\ArcGauge('ArcGauge');
$arcGauge->color('value');
?>
addColor
Adds one or more ArcGaugeColor to the ArcGauge.
Returns
\Kendo\Dataviz\UI\ArcGauge
Parameters
$value[, $value2, ...] \Kendo\Dataviz\UI\ArcGaugeColor|array
Example - using \Kendo\Dataviz\UI\ArcGaugeColor
<?php
$arcGauge = new \Kendo\Dataviz\UI\ArcGauge('ArcGauge');
$color = new \Kendo\Dataviz\UI\ArcGaugeColor();
$color = 'value';
$color->color($color);
$arcGauge->addColor($color);
?>
Example - using array
<?php
$arcGauge = new \Kendo\Dataviz\UI\ArcGauge('ArcGauge');
$color = 'value';
$arcGauge->addColor(array('color' => $color));
?>
Example - adding more than one ArcGaugeColor
<?php
$arcGauge = new \Kendo\Dataviz\UI\ArcGauge('ArcGauge');
$first = new \Kendo\Dataviz\UI\ArcGaugeColor();
$second = new \Kendo\Dataviz\UI\ArcGaugeColor();
$arcGauge->addColor($first, $second);
?>
gaugeArea
The gauge area configuration options. This is the entire visible area of the gauge.
Returns
\Kendo\Dataviz\UI\ArcGauge
Parameters
$value \Kendo\Dataviz\UI\ArcGaugeGaugeArea|array
Example - using \Kendo\Dataviz\UI\ArcGaugeGaugeArea
<?php
$arcGauge = new \Kendo\Dataviz\UI\ArcGauge('ArcGauge');
$gaugeArea = new \Kendo\Dataviz\UI\ArcGaugeGaugeArea();
$background = 'value';
$gaugeArea->background($background);
$arcGauge->gaugeArea($gaugeArea);
?>
Example - using array
<?php
$arcGauge = new \Kendo\Dataviz\UI\ArcGauge('ArcGauge');
$background = 'value';
$arcGauge->gaugeArea(array('background' => $background));
?>
opacity
The opacity of the value pointer.
Returns
\Kendo\Dataviz\UI\ArcGauge
Parameters
$value float
Example
<?php
$arcGauge = new \Kendo\Dataviz\UI\ArcGauge('ArcGauge');
$arcGauge->opacity(1);
?>
renderAs
Specifies the preferred widget rendering mode.
Returns
\Kendo\Dataviz\UI\ArcGauge
Parameters
$value string
Example
<?php
$arcGauge = new \Kendo\Dataviz\UI\ArcGauge('ArcGauge');
$arcGauge->renderAs('value');
?>
scale
Configures the scale.
Returns
\Kendo\Dataviz\UI\ArcGauge
Parameters
$value \Kendo\Dataviz\UI\ArcGaugeScale|array
Example - using \Kendo\Dataviz\UI\ArcGaugeScale
<?php
$arcGauge = new \Kendo\Dataviz\UI\ArcGauge('ArcGauge');
$scale = new \Kendo\Dataviz\UI\ArcGaugeScale();
$endAngle = 1;
$scale->endAngle($endAngle);
$arcGauge->scale($scale);
?>
Example - using array
<?php
$arcGauge = new \Kendo\Dataviz\UI\ArcGauge('ArcGauge');
$endAngle = 1;
$arcGauge->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\ArcGauge
Parameters
$value string
Example
<?php
$arcGauge = new \Kendo\Dataviz\UI\ArcGauge('ArcGauge');
$arcGauge->theme('value');
?>
transitions
A value indicating if transition animations should be played.
Returns
\Kendo\Dataviz\UI\ArcGauge
Parameters
$value boolean
Example
<?php
$arcGauge = new \Kendo\Dataviz\UI\ArcGauge('ArcGauge');
$arcGauge->transitions(true);
?>
value
The gauge value.
Returns
\Kendo\Dataviz\UI\ArcGauge
Parameters
$value float
Example
<?php
$arcGauge = new \Kendo\Dataviz\UI\ArcGauge('ArcGauge');
$arcGauge->value(1);
?>