extjs piechart,linchart,chart IE不显示，火狐显示解决方法

最新推荐文章于 2023-05-30 00:19:29 发布

转载最新推荐文章于 2023-05-30 00:19:29 发布 · 1k 阅读

java 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一段用于在Internet Explorer浏览器中正确显示饼状图的代码示例。通过设置图表宽度和高度属性，解决了饼状图在IE中无法正常展示的问题。代码使用了Ext.js库，并包含了具体的数据字段和样式配置。

先附上代码（piechart）： IE里面无显示的主要原因是要设置width和height

    xtype: 'piechart',
    name:'propiechart',
    id:'propiechart',
    autoShow :true,
    dataField: 'total',
    categoryField: 'season',
    width: 1000,
    height:400,
    //animate:true, 
    store: new Ext.data.JsonStore({
        //autoLoad: true,
         fields: [{name:'season',type:'string'}, {name:'total',type:'int'}],
         data: [{
             season: 'Summer',
             total: 150
                },{
                    season: 'Fall',
                    total: 245
                },{
                    season: 'Winter',
                    total: 117
                },{
                    season: 'Spring',
                    total: 184
                }]
            }),

          //extra styles get applied to the chart defaults
         extraStyle:
           {
               legend:
               {
                   display: 'bottom',
                   padding: 5,
                   font:
                   {
                       family: 'Tahoma',
                       size: 13
                   }
               }

  }