私は sencha touch と sencha touch チャートにまったく慣れていないので、自分のビューの 1 つにチャートを統合するのに少し苦労しています。私はおそらくここで明らかな何かを見逃しています。chart変数を設定する方法は次のとおりです。
var chart2 = new Ext.chart.Chart({
width: 500,
height: 300,
animate: true,
store: testStore,
theme: 'Base:gradients',
series: [{
type: 'pie',
angleField: 'data1',
label: {
field: 'name',
display: 'rotate',
contrast: true,
font: '18px Arial'
}
}]
});
データ ストアをロードする単純な円グラフ
var testStore = new Ext.data.JsonStore({
fields: ['name', 'data1', 'data2', 'data3', 'data4', 'data5'],
data: [
{'name':'metric one', 'data1':10, 'data2':12, 'data3':14, 'data4':8, 'data5':13},
{'name':'metric two', 'data1':7, 'data2':8, 'data3':16, 'data4':10, 'data5':3},
{'name':'metric three', 'data1':5, 'data2':2, 'data3':14, 'data4':12, 'data5':7},
{'name':'metric four', 'data1':2, 'data2':14, 'data3':6, 'data4':1, 'data5':23},
{'name':'metric five', 'data1':27, 'data2':38, 'data3':36, 'data4':13, 'data5':33}
]
});
そして、これが私のものですChartViewPanel
SS.views.chartView = Ext.extend(Ext.Panel, {
fullscreen: true,
initComponent: function() {
console.log("Initializing Chart View");
this.refreshButton = new Ext.Button({
text: 'Refresh',
ui: 'action',
handler: function() {
console.log("Refresh button is clicked");
},
scope: this
});
this.topToolbar = new Ext.Toolbar({
title: 'Chart View',
items: [
{ xtype: 'spacer'},
this.refreshButton
]
});
this.dockedItems = [this.topToolbar];
this.items = [chart2];
console.log(chart);
SS.views.chartView.superclass.initComponent.call(this);
}
});
上部のバーはレンダリングされていますが、グラフはレンダリングされていません。JavaScriptコンソールにもエラーは表示されません。どの時点で私は間違っていましたか？どうもありがとう