0

グラフ：

var chart = Ext.create('Ext.chart.Chart', {  
    style: 'background:#fff',  
    animate: true,  
    shadow: true,  
    store: store1,  
    axes: [{  
        type: 'Numeric',  
        position: 'left',  
        fields: ['data1'],  
        label: {  
            renderer: Ext.util.Format.numberRenderer('0,0')  
        },  
        title: 'Number of Hits',  
        grid: true,  
        minimum: 0  
    }, {  
        type: 'Category',  
        position: 'bottom',  
        fields: ['name'],  
        title: 'Month of the Year'  
    }],
    series: [{  
        type: 'column',  
        axis: 'left',  
        highlight: true,  
        tips: {  
          trackMouse: true,  
          width: 140,  
          height: 28,  
          renderer: function(storeItem, item) {  
            this.setTitle(storeItem.get('name') + ': ' + storeItem.get('data1') + ' $');  
          }  
        },  
        label: {  
          display: 'insideEnd',  
          'text-anchor': 'middle',  
            field: 'data1',  
            renderer: Ext.util.Format.numberRenderer('0'),  
            orientation: 'vertical',  
            color: '#333'  
        },  
        xField: 'name',  
        yField: 'data1'  
    }]  
});

これは機能しません。 

{  
        xtype : 'panel',  
        layout : {  
            type : 'hbox',  
            pack : 'center'  
        },  
        id:'graphpanel',  
        width : 940,  
        margin : '20 0 20 0',  
        border : 0,  
        items: chart  
}

この作業。 

var win = Ext.create('Ext.window.Window', {  
    width: 800,  
    height: 600,  
    minHeight: 400,  
    minWidth: 550,  
    hidden: false,  
    maximizable: true,  
    title: 'Bar Chart',  
    autoShow: true,  
    layout: 'fit',  
    items: chart  
});

これは、ポップアップウィンドウでは正常に機能しますが、パネルでは機能しない私の問題グラフです。最初にウィンドウをポップアップすると、グラフのみがパネルにレンダリングされます。
pl'zは、悪いコードのフォーマットで申し訳ありません..:(

4

1 に答える 1

1

明示的に (幅と高さを指定する)、または暗黙的に (適切なレイアウトを使用して)、グラフに寸法を指定していません。

パネル レイアウトは ですfit。また、そのパネルの親が高さを与えていることを確認してください。

于 2013-10-25T07:47:47.457 に答える