<div id="pieChart" data-win-control="Telerik.UI.RadChart" data-win-options="{
series: [{
type: 'pie',
field: 'Value',
explodeField: 'Highlighted',
labels: {
visible: true,
template: '#=dataItem.Employee # (#=dataItem.Value# %)'
}
}],
dataSource: {
data: [
{ Value: 26.6, Employee: 'Maria Anders', Change: 2, Highlighted: false },
{ Value: 23, Employee: 'Ana Trujillo', Change: -3, Highlighted: false },
{ Value: 16.7, Employee: 'Antonio Moreno', Change: -4, Highlighted: false },
{ Value: 20, Employee: 'Thomas Hardy', Change: 3, Highlighted: false },
{ Value: 15.7, Employee: 'Christina Berglund', Change: 2, Highlighted: false}
]
},
onseriesclick: eventHandlers.seriesClick,
transitions: false,
title: {
text: 'Sales per employee',
font: '18pt times'
},
width: 700
}">
</div>
<div id="info" style="display: none; margin: 50px;">
Sales for 2011 by
<span id="employee" style="color: #2755c2"></span>:
<span id="value" style="color: #3a7113"></span>
(<span id="change"></span>)
</div> |