extjs-gpl
Version:
GPL licensed version of Sencha Ext JS
41 lines (36 loc) • 1.25 kB
JavaScript
Ext.define('KitchenSink.view.charts.column3d.RendererController', {
extend: 'Ext.app.ViewController',
alias: 'controller.column-renderer-3d',
colors: [
'#8ca640',
'#974144',
'#4091ba',
'#8e658e',
'#3b8d8b',
'#b86465',
'#d2af69',
'#6e8852',
'#3dcc7e',
'#a6bed1',
'#cbaa4b',
'#998baa'
],
onColumnRender: function (sprite, config, data, index) {
return {
fillStyle: this.colors[index],
strokeStyle: index % 2 ? 'none' : 'black',
opacity: index % 2 ? 1 : 0.5
};
},
onTooltipRender: function (tooltip, record, item) {
tooltip.setHtml(record.get('month') + ': ' + record.get('data3') + '%');
},
onAxisLabelRender: function (axis, label, layoutContext) {
// Custom renderer overrides the native axis label renderer.
// Since we don't want to do anything fancy with the value
// ourselves except appending a '%' sign, but at the same time
// don't want to loose the formatting done by the native renderer,
// we let the native renderer process the value first.
return layoutContext.renderer(label) + '%';
}
});