`
acsu
  • 浏览: 6317 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

发现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的源代码了。

  • 大小: 9.5 KB
  • 大小: 6.3 KB
0
0
分享到:
评论

相关推荐

    EXTJS 折线 chart action 代码示例

    接下来,我们可以创建一个完整的EXTJS折线chart示例,包括数据加载、模型定义和chart配置: ```javascript Ext.application({ name: 'MyApp', launch: function() { // 模型定义 Ext.define('MyModel', { ...

    extjs 4chart

    其中,Chart组件是ExtJS 4中的一个重要部分,它提供了丰富的图表类型,包括曲线图,帮助开发者创建动态、交互式的数据展示。在这个“extjs 4chart”主题中,我们将深入探讨ExtJS 4中曲线图的实现与应用。 首先,让...

    Extjs4.2 Chart柱状图

    ExtJS 是一个强大的JavaScript应用程序框架,专用于构建富客户端Web应用。它提供了丰富的组件库,包括图表(Chart)功能,让开发者能够创建交互式的、数据驱动的可视化元素。在4.2版本中,ExtJS 的图表功能得到了...

    ExtJS Chart 扩展 - 增加对数据的过滤等操作

    ExtJS 是一个强大的JavaScript 库,专用于构建富客户端应用程序,尤其在创建数据驱动的Web应用界面方面表现出色。在给定的标题“ExtJS Chart 扩展 - 增加对数据的过滤等操作”中,我们关注的是ExtJS图表组件的功能...

    续:ExtJS Chart 扩展(重构了下,并写了个新的示例--内存监控)

    【标题】"续:ExtJS Chart 扩展(重构了下,并写了个新的示例--内存监控)"指的是一个关于ExtJS图表扩展的更新版本,其中作者进行了重构,并且添加了一个全新的示例,用于实现内存监控功能。这个主题涵盖了两个主要的...

    adapter-extjs.rar_extjs chart_highchart_javascript

    总结来说,`adapter-extjs.js`可能是一个关键的桥梁,它实现了ExtJS和Highcharts之间的通信,允许开发者利用ExtJS的完整UI框架和Highcharts的高级图表功能。在实际应用中,这样的组合可以提供强大的数据可视化能力,...

    ExtJS3.3版本的BUG

    在ExtJS 3.3版本中,用户报告了一个关于`Window`组件的问题。该问题表现为:当使用`Window`组件并尝试通过按钮点击事件获取`Window`的标题时,结果返回的是`undefined`而非预期的窗口标题。这一现象在ExtJS 3.3版本...

    extjs bug 图标大全

    例如,一个bug图标可能被命名为`x-fa fa-bug`,其中`x-fa`是ExtJS对FontAwesome库的引用,`fa-bug`则是FontAwesome中的bug图标代码。图标可以被添加到按钮、工具栏、面板标题等各个组件上,以增强用户体验和交互性。...

    extjs—chart柱形图 例子

    ### ExtJS Chart 柱形...综上所述,这段代码实现了在ExtJS中创建一个柱形图窗口的过程,涵盖了从数据准备到图表渲染的全过程。通过这种细致的配置,开发者可以灵活地调整图表的样式和交互行为,以满足不同的业务需求。

    ExtJS项目 一个博客系统

    ExtJS项目 一个博客系统 ExtJS项目 一个博客系统

    extjs4.1修改bug版本

    extjs4.1修改bug版本,已修改数字、日期等多个控件的问题

    ExtJs4 line chart render by ajax

    ExtJS是一个强大的JavaScript库,专为构建富客户端应用程序而设计,它提供了丰富的图表组件,使得数据可视化变得简单易行。让我们一步步了解如何在ExtJS4中通过Ajax获取并渲染线形图表。 首先,你需要引入ExtJS库和...

    extJs3升级extjs4方案

    例如,在 ExtJS3 中,我们可以使用以下代码来定义一个类: ```javascript Ext.ux.PostStore = Ext.extend(Ext.data.Store, { constructor: function(params) { // ... } }); Ext.reg('PostStore', Ext.ux....

    Extjs4.2.1 实现chart line 动态切换并tips显示饼状图和grids

    经过一周的时间终于做出来了,此文件代码主要的是实现动态切换 chart line ,tips 显示数据的饼状图和grids,难点在作用域的实现需要的有一定的js基础,(因开发的原因后台代码未上传,基于json的传输,SQL是...

    Ext.ux.GoogleChart extjs插件

    "Ext.ux.GoogleChart"就是这样一个插件,它允许开发者在ExtJS应用中集成Google Charts,以展示各种复杂的数据可视化图表。 Google Charts 是Google提供的一种免费服务,它提供了多种图表类型,如柱状图、折线图、...

    extjs6.6项目示例

    ExtJS 是一个强大的JavaScript 框架,专用于构建富客户端Web应用程序。6.6 版本是其历史上的一个重要版本,提供了许多增强的功能和改进。在这个"extjs6.6项目示例"中,我们可以深入理解ExtJS的用法,并学习如何构建...

    EXTJS一个小抽奖例子

    EXTJS 是一个基于JavaScript的富客户端应用框架,主要用于构建企业级的Web应用程序。EXTJS 提供了一套完整的组件模型、数据绑定机制、丰富的用户界面控件以及强大的图表功能,使得开发者能够创建出交互性强、用户...

    extjs4.2.3 datefield的bug解决

    extjs4.2.3 datefield不可选择年月bug 选择本月日期的部分是没有问题的。 点击头部显示选择年月的picker时,不能点击选择,一点组件就消失。 需要下载附件后引入就可以了

    Extjs4 下拉树( v1.0版本有bug,已经上传一个可以用的)

    标题中的“Extjs4 下拉树”指的是EXTJS框架中的一个组件,用于实现下拉菜单与树形结构的结合,这种组件通常在需要选择层级结构数据时非常有用,比如地区选择、组织架构选择等。EXTJS是Sencha公司开发的一个...

Global site tag (gtag.js) - Google Analytics