Hi,
Like the Kendo (HTML/Javascript) charts have seriesClick event, does Kendo Gauges (both Radial and Linear) have any click events?
I want to have a drilldown option for gauges. See my codes below and help me please.
******************************
* My Linear Gauge code *
******************************
$('.k-gauge').kendoLinearGauge({
pointer: { value: dataValue },
scale: { min: minValue, max: maxValue, rangeSize: 15, vertical: true
labels: { color: 'white', template: _myFormat },
majorTicks: { color: 'white' },
minorTicks: { color: 'grey'},
ranges: _myRanges()
},
gaugeArea: { background : '#1E1E1E' }
});
******************************
* My Radial Gauge code *
******************************
$('.k-gauge').kendoRadialGauge({
pointer: { value: dataValue },
scale: { startAngle: angles.start, endAngle: angles.end,
min: minValue, max: maxValue, rangeSize: 15,
labels: { color: 'white', template: _myFormat },
majorTicks: { color: 'white' },
minorTicks: { color: 'grey'},
ranges: _myRanges()
},
gaugeArea: { background : '#1E1E1E' }
});
Like the Kendo (HTML/Javascript) charts have seriesClick event, does Kendo Gauges (both Radial and Linear) have any click events?
I want to have a drilldown option for gauges. See my codes below and help me please.
******************************
* My Linear Gauge code *
******************************
$('.k-gauge').kendoLinearGauge({
pointer: { value: dataValue },
scale: { min: minValue, max: maxValue, rangeSize: 15, vertical: true
labels: { color: 'white', template: _myFormat },
majorTicks: { color: 'white' },
minorTicks: { color: 'grey'},
ranges: _myRanges()
},
gaugeArea: { background : '#1E1E1E' }
});
******************************
* My Radial Gauge code *
******************************
$('.k-gauge').kendoRadialGauge({
pointer: { value: dataValue },
scale: { startAngle: angles.start, endAngle: angles.end,
min: minValue, max: maxValue, rangeSize: 15,
labels: { color: 'white', template: _myFormat },
majorTicks: { color: 'white' },
minorTicks: { color: 'grey'},
ranges: _myRanges()
},
gaugeArea: { background : '#1E1E1E' }
});