`
liubl2011
  • 浏览: 236560 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
社区版块
存档分类
最新评论

Extjs4 雷达图的x轴渲染不出来

阅读更多
先引用一段话,来自sencha的官方网站的论坛。
引用

Ext.chart.axis.Radial problems


Hi,

This is by no means taking a shot at Sencha's dev team, but it seems that the Radial axis needs serious rework. So, to whom this may concern:

[1] the "drawAxis" function assumes that the store count != 0 the first time when it is called. This is only true if the store has client-side data. Try loading a Radar chart using a "remote" store and the labels and axis drawn by the "drawAxis" function are not handled correctly.

The reason for this is because "drawAxis" wants to be smart by "caching" labels and axis sprites. So the first time when this function is called, the "remote" store has not loaded yet, therefore only the "circles" are cached, the "this.sprites" is set, but since there are no records in the store yet, no sprites are enabled for the labels and axis.

I think the best way to fix this is to split the "this.sprites" into 3 chunks (circles,axis and labels) and only draw/redraw sprites when necessary. At the moment all these sprites are added to "this.sprites"

[2] Please also fix the docs for the Radial. The class is marked as "private" which makes jsduck skipping it.

[3] (And this is the last one for this thread, I promise), Please use the "me." notation instead of "this.". Let us poor developers who read the codebase stay away from heart attack pills and keep our few remaining strain of hair.

Regards,
Gevik.


他说的第一个问题的原因就是因为store在加载完之前已经开始渲染雷达图,但是Ext.chart.axis.Radial在绘制的过程中没有读到store里面的值,所以加载完后,x轴的文字没有了。
解决的办法只能给radar的store先赋初始值,这样以后在改变store的时候,雷达图就可以完整的显示出来了。
extjs4的一个bug。

小宝制造。
分享到:
评论

相关推荐

    Extjs 雷达图表初始化渲染 x轴数据

    在本案例中,我们聚焦于如何在ExtJS中初始化并渲染一个雷达图表,特别是关注x轴的数据处理。 首先,要创建雷达图表,我们需要引入ExtJS库及相关图表组件。在`chart_month_stock.html`文件中,通常会包含以下代码段...

    Extjs图片渲染效果

    在ExtJS中,图片渲染效果是实现用户界面美观和交互性的重要组成部分。本文将深入探讨ExtJS图片渲染的效果及其应用。 首先,我们要了解ExtJS中的图片渲染基础。在ExtJS中,图片通常以`Image`组件的形式出现,它可以...

    extJs3升级extjs4方案

    ExtJS3 升级到 ExtJS4 需要修改大量代码,主要是因为 ExtJS4 配备了一类新的系统,不向后兼容。在 ExtJS 3 里生成表的几个框架组件,ExtJS4 大多生成 div,这使得 CSS classes 将会失败。ExtJS4 已完全重新写 grid ...

    EXTJS4开发的图片文章管理项目实例

    EXTJS4是一款强大的JavaScript框架,专门用于构建富客户端应用程序,尤其在企业级Web应用中广泛应用。这个项目实例是一个基于EXTJS4的图片文章管理系统,它展示了如何利用EXTJS4的功能来实现一个完整的前后端交互的...

    Extjs4 图片浏览器

    ExtJS4图片浏览器是一款基于ExtJS4框架开发的用于展示和浏览图片的应用程序。ExtJS是一个强大的JavaScript库,专门用于构建富客户端Web应用程序。这款图片浏览器利用了ExtJS4的组件化、数据绑定和事件处理等特性,为...

    Extjs4.2 Chart柱状图

    在4.2版本中,ExtJS 的图表功能得到了进一步的增强,为用户提供了多种图表类型,其中柱状图(Bar Chart)是常用的一种,用于展示分类数据的定量信息。 柱状图通过不同长度的柱子来表示数据值,每一根柱子代表一个...

    EXTJS 强大的图片查看器 仿windows照片查看器

    此外,还要熟悉EXTJS的API,包括组件创建、渲染、数据绑定等操作。 6. **CSS样式**:虽然EXTJS提供了默认的样式,但为了使图片查看器与网站或应用的其他部分协调,可能需要自定义CSS。这涉及到CSS选择器、盒模型、...

    包含各种类型的extjs小图标,Extjs4小图标

    在标题和描述中提到的“Extjs4小图标”指的是ExtJS 4版本中使用的一系列图形图标,这些图标用于增强应用程序的视觉效果,提供用户友好的操作指示。 1. **图标分类**: - 图标通常分为不同的类别,如操作图标(比如...

    extjs4学习文档

    EXTJS4的学习文档还包括更多关于组件、布局、数据绑定、事件处理等方面的详细内容,这些都是构建EXTJS应用不可或缺的知识。通过深入学习和实践,开发者可以熟练掌握EXTJS4,创建功能丰富的Web应用程序。

    使用extjs写的时间轴

    4. **时间轴渲染**:事件在时间轴上的位置取决于它们的时间戳。可以使用Ext.util.Date进行日期和时间的处理,计算每个事件在时间轴上的相对位置。此外,可以使用SVG或者Canvas进行图形绘制,或者利用现有的图形库如...

    Extjs4的demo

    在本例中,我们假设你已经在MyEclipse中创建了一个新的Web项目,并命名为"Extjs4"。将ExtJS 4.0.7的文件放入Webroot目录,以便于访问。 接下来,你需要设置一个学习环境。确保你的机器上已经安装了MyEclipse和...

    extjs4中文文档

    5. **图表和图形**:EXTJS4包含丰富的图表组件,如柱状图、饼图、线图等,用于可视化数据。 6. **Ajax和数据管理**:EXTJS4内置了强大的Ajax请求处理和数据管理机制,通过Ext.data.Proxy和Ext.data.Store可以轻松...

    ExtJS4.x中文API

    extjs4.x中文api 实用比较方便 。

    extjs4完整下载

    ExtJS4正式版(官方完整下载包):含所有的源代码,html,api文档,示例。官方网站下载现在需要注册,这个仅供爱好者个人学习使用,如果项目中使用请至官方网站购买。

    EXTjs图开编程EXTJS

    1. **图表类型**:了解EXTJS支持的各类图表,如条形图、饼图、线图、面积图、雷达图等,以及它们各自的适用场景。 2. **数据绑定**:学习如何将数据模型与图表系列关联,实现实时数据更新。 3. **配置选项**:掌握...

    ExtJs 4 API中文

    ExtJs 4 API 中文

    EXTJS4自学手册

    EXTJS4自学手册——EXT文件目录,本地加载文档,命名规范 EXTJS4自学手册——EXT基本方法、属性(onReady、define、create) EXTJS4自学手册——EXT基本方法、属性(apply、applyIf、constructor) EXTJS4自学手册...

    ExtJs4.rar

    在本文中,我们将深入探讨ExtJS4这一版本的重要特性、改进以及它如何扩展了先前版本的功能。 首先,ExtJS4在组件化方面有了显著提升。在之前的版本中,组件系统就已经是其核心优势,而ExtJS4进一步优化了这一系统,...

    Extjs4 grid使用例子

    ExtJS4是一个强大的JavaScript框架,主要用于构建富客户端的Web应用程序。在给定的"Extjs4 grid使用例子"中,我们可以深入理解如何在MVC架构下有效地利用ExtJS4的Grid组件。Grid组件是ExtJS中的核心部分,它提供了一...

Global site tag (gtag.js) - Google Analytics