发现ExtJs Chart的一个Bug

 

在使用ExtJs 3.0的Chart做一个Stacked Bar图形的时候，发现数据多的时候，每个条形的宽度会变的很小，大片的空间都是空的，很浪费，于是想通过样式来控制其宽度，代码如下：（取自ExtJs examples目录下的stacked-bar-chart.js）

 

series: [{

                xField: 'comedy',

                displayName: 'Comedy',

                style:{size: 10}

            },{

                xField: 'action',

                displayName: 'Action',

                style:{size: 15}

            },{

                xField: 'drama',

                displayName: 'Drama',

                style:{size: 20}

            },{

                xField: 'thriller',

                displayName: 'Thriller',

                style:{size: 30}

            }]

 

显示效果如下：

 

可以看到，最后一段'thriller'列的宽度没生效。

找了很久也没有找到解决办法，考虑到Extjs chart是从yui chart来的，只好尝试看看yui的chart是不是也有这个问题，

修改代码如下：（取自yiu的examples目录下的charts-stacked_clean2.html）

 

var seriesDef =

         [

                   {

                            xField: "internetsales",

                            displayName: "Internet Sales", style:{size:30}

                   },

                   {

                            xField: "printsales",

                            displayName: "Print Sales", style:{size:50}

                   },

                   {

                            xField: "tvsales",

                            displayName: "Television Sales", style:{size:70}

                   }

         ];

 

 

显示效果如下，达到了我的目的。

 

问题是这是一个明显的bug，难道ExtJs的开发者没有发现？ 

另外，想尝试用yui的charts.swf文件替换ExtJs的charts.swf，发现不能使用，看来是ExtJs的开发人员修改过了charts.swf的源代码了。