1

我有一个使用 extjs 4.1 沙盒图表的 extjs 3.4 应用程序。我遇到的唯一问题是，在 IE8 中，一旦从选项卡布局激活或从卡片布局调用时，它们就不会完全呈现。

代码没什么特别的：

var barBreakdownChart = Ext4.create('Ext4.chart.Chart', {
    renderTo: Ext.get('barBreakdownDiv').dom,
    width: 550,
    height: 300,
    animate: true,
    store: geosPeerChartStore,
    legend: true,
    axes: [{
        type: 'Numeric',
        position: 'left',
        title: 'Days of Supply',
        fields: ['line1', 'line2', 'line3', 'line4', 'line5'],
        label: {
            renderer: Ext.util.Format.numberRenderer('0,0')
        },
        labelTitle: {
          font: '14px "Lucida Grande"'
        },
        grid: true,
        minimum: 0
    }, {
        type: 'Category',
        position: 'bottom',
        // label: {
        //     rotate: {
        //         degrees: 315
        //     }
        // },
        fields: ['name']
    }],
    series: [{
        type: 'column',
        fill: true,
        //title: 'Current Year',
        axis: 'left',
        highlight: true,
        tips: {
            trackMouse: true,
            width: 140,
            height: 28,
            renderer: function (storeItem, item) {
                this.setTitle(storeItem.get('name') + ': ' + storeItem.get('line1') + ' $');
            }
        },
        xField: 'name',
        yField: ['line1', 'line2', 'line3', 'line4', 'line5']
        ,title: ['2008', '2009', '2010', '2011', '2012']
    }]
});

那么这里是在标签面板中调用图表的地方：

        items: [{
            xtype: 'tabpanel',
            style: 'margin-bottom: 10px;',
            height: 400,
            deferredRender: false,
            defaults: {
                hideMode: 'offsets'
            },
            activeTab: 0,
            items: [{
                title: 'Line Chart',
                items: lineBreakdownContainer
            }, {
                xtype:'panel',
                html: '<div id="barBreakdownDiv"> </div>'
            }]
4

1 回答 1

0

也许问题出在样式上。尝试使用另一个 css，（即 ext-ie-debug.css）而不是 resource/css/ext-all.css

于 2012-11-13T16:04:36.870 回答