グラフを作成しようとしています(ext 4.1):
var chart = Ext.create('Ext.chart.Chart', {
width: 280,
height: 230,
animate: true,
autoSize: true,
shadow: true,
store: storeChart2,
renderTo: 'chart2',
legend: {
//position: 'right'
},
theme: 'Base:gradients',
series: [{
type: 'pie',
field: 'data',
showInLegend: false,
highlight: {
segment: {
margin: 20
}
},
tips: {
trackMouse: true,
width: 100,
renderer: function(storeItem, item) {
this.setTitle(storeItem.get('name') + ': ' + Math.round(all * storeItem.get('data') / 100) +' ('+ Math.round(storeItem.get('data') / 100 * 100) + '%)');
}
},
label: {
field: 'name',
display: 'rotate',
contrast: true,
font: '12px Arial'
}
}]
});
AutoSize: true, - 機能しません。Chrome コンソールで:
Error: Invalid value for <svg> attribute width="-Infinity"
Error: Invalid value for <svg> attribute height="-Infinity"
どうしたの?