ExtJS（5）- Ext5的统计图Chart

今天系统整理下Ext5中的chart使用以及遇到的一些问题。

首先是Ext5中chart的引用，在5之前的版本中chart的api会被集合在ext-all.js中，但是在5当中并不是这样，如果只引入ext-all.js，我们引用chart API时将无法找到，我们还需要引入以下js

<script type="text/javascript" src="ext-5.0.0/build/packages/ext-charts/build/ext-charts.js"></script>

成功引入API以后，我们来生成各种chart看看，5的调用API较之4也有挺大的改动，具体调用我们可以直接参考官方的示例

接下来，我们来说一下我遇到的问题，我们先以Line Chart（Marked）为例，首先我们看一下官方的例子：

这个图我们按官方示例代码运行也能得出一样的，但是当我们点击右边的legend，我们这边的显示便出现了异常：

以下官方示例图

以下我们的实验图

我们发现在我们点击"Firefox"和"Chrome"时本应该隐藏的红线和蓝线并没有隐藏掉，且停留在了原位置，而绿线和黄线随着y轴的调整向上移动，这样停留的红蓝线与y轴就不对应。

我们再看看其他的一些异常：

这些柱状和线状都存在类似问题，在Ext4.2版本中都不存在这些问题，而5.0官方示例也不存在这些问题。但是官方示例所引用的API也并非与我们的一致，那么问题很可能就出在我们引入的ext-charts.js上，

或者说官方给出的这个ext-charts.js版本就有问题。

对于这个问题，一来是积极研究官方示例中引入API的方式，二来是等待Ext5.0.1的推出，看看新版本中的API是否还存在该问题。

转载于:https://blog.51cto.com/xuepiaoqiyue/1591308

ExtJS（5）- Ext5的统计图Chart相关推荐

[Ext JS 4] 实战之将chart导出为png, jpg 格式的文件
前言 [Web Chart系列之六] canvas Chart 导出图文件 Chart 导出的原理很基本方法,在上一篇已经有介绍过. 对于Extjs 来说,在 Ext.chart.Chart 这个类直 ...
使用ArcGIS API for Silverlight + Visifire绘制地图统计图
转载地址:http://www.cnblogs.com/potential/archive/2013/03/19/2966866.html 本文示例用的版本为: Silverlight 5+Visif ...
硕正轻量级富Web应用套件
http://www.supcan.cn/index.htm?56 硕正轻量级富Web应用套件是浏览器的插件(或控件)集,包含了列表(Grid).树(Tree).树列表.自由表头(Freeform) ...
python网络爬虫学习_python网络爬虫学习
C#中指针的用法 (*) unsafe 和 fixed unsafe { ]; ; i < array.Length; i++) { array[i] = i; } fixed (int* p ...
数据库结课作业——校园失物招领系统
目录杂七杂八起因项目环境前端界面的选择数据库理论阶段数据库模型代码实现相关功能 UI设计界面展示项目总文件项目代码(ui总文件在中) 杂七杂八起因因为数据库实验结课作业要结合 ...
Extjs chart 总结 reload-chart.js 修改
最近用到 Extjs自带的 reload-chart.js 我将其例子中的代码更改成从后台读取json字符串格式的动态获取数据效果: 界面效果: 我的js代码如下: //===部件盘点异常统计===/ ...
基于Winform的Chart控件的简单使用（Chart控件中的条形统计图、折线统计图、扇形统计图的简单使用）
Chart控件集成了颇多的统计图模型,拿来即用的理念大大节省了开发的时间.下面演示最常见的三种统计图模型的使用. 效果展示: C#代码: using System; using System.Coll ...
C# Winfrm窗体 chart控件应用（条形统计图，折线统计图，扇形统计图）
**首先**,统计图的重要作用,小编在这里就不多说了,而我们的C#做统计图在chart控件的加入下显得格外轻松,下面开始正题. **接下来**,创建**CreateImage**窗体,拖入两个char ...
extjs chart无法在panel中显示_手绘风格的 JS 图表库：Chart.xkcd
本文作者:HelloGitHub-kalifun 图表库千万个今天 HelloGitHub 给大家推荐个很有"特色"的图表库:一个手绘风格的 JS 图表库 -- Chart.xkc ...
extjs chart无法在panel中显示_HighChart教程：Swift中的Highcharts iOS库
以下文章总结了如何在Swift中使用Highcharts iOS库. 我们将对2016/2017赛季四支顶级冠军联赛球队的统计数据进行可视化. A.如何创建Highcharts项目入门在Xcode ...

ExtJS（5）- Ext5的统计图Chart

ExtJS（5）- Ext5的统计图Chart相关推荐

最新文章

热门文章