网站首页收藏本站

FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,访问微社区

FineUI首页 WebForms - MVC & Core - JavaScript 常见问题 - QQ群 - 十周年征文活动

FineUI(开源版) 下载源代码 - 下载空项目 - 获取ExtJS - 文档 在线示例 - 版本更新 - 捐赠作者 - 教程

FineUIMvc/Core v5.3.0 发布(基于像素的响应式布局) FineUIPro v5.3.0 发布(十年磨一剑,升级正当时) 欢迎加入【三石和他的朋友们】(基础版下载)

查看: 39084|回复: 65

车辆信息管理系统图表赏析

  [复制链接]
发表于 2012-6-28 00:21:53 | 显示全部楼层 |阅读模式
本帖最后由 @→Epoch 于 2012-6-28 00:24 编辑










本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
发表于 2012-6-28 00:49:06 | 显示全部楼层
{:soso_e179:}
学习,能简单介绍一下吗?
回复 支持 反对

使用道具 举报

发表于 2012-6-28 07:39:51 | 显示全部楼层
{:soso_e102:}{:soso_e102:}{:soso_e102:}
回复 支持 反对

使用道具 举报

发表于 2012-6-28 08:28:32 | 显示全部楼层
能否介绍一下如何使用图表?曲线图等?需要第三方控件吗?
回复 支持 反对

使用道具 举报

 楼主| 发表于 2012-6-29 00:41:04 | 显示全部楼层
有的
原理是获取数据源。。绑定到对应的图表上
  1. var drawComponent = Ext.create('Ext.draw.Component', {
  2.     viewBox: false,
  3.     items: [{
  4.         type: 'circle',
  5.         fill: '#ffc',
  6.         radius: 100,
  7.         x: 100,
  8.         y: 100
  9.     }]
  10. });

  11. Ext.create('Ext.Window', {
  12.     width: 230,
  13.     height: 230,
  14.     layout: 'fit',
  15.     items: [drawComponent]
  16. }).show();
复制代码
回复 支持 反对

使用道具 举报

 楼主| 发表于 2012-6-29 00:41:58 | 显示全部楼层
  1. Interacting with a Sprite
  2. Now that we've created a draw surface with a sprite in it, let's dive into how to interact with the sprite. We can get a handle to the sprite we want to modify by adding that sprite imperatively to the surface:

  3. // Create a draw component
  4. var drawComponent = Ext.create('Ext.draw.Component', {
  5.     viewBox: false
  6. });

  7. // Create a window to place the draw component in
  8. Ext.create('Ext.Window', {
  9.     width: 220,
  10.     height: 230,
  11.     layout: 'fit',
  12.     items: [drawComponent]
  13. }).show();

  14. // Add a circle sprite
  15. var myCircle = drawComponent.surface.add({
  16.     type: 'circle',
  17.     x: 100,
  18.     y: 100,
  19.     radius: 100,
  20.     fill: '#cc5'
  21. });

  22. // Now do stuff with the sprite, like changing its properties:
  23. myCircle.setAttributes({
  24.     fill: '#ccc'
  25. }, true);

  26. // or animate an attribute on the sprite
  27. myCircle.animate({
  28.     to: {
  29.         fill: '#555'
  30.     },
  31.     duration: 2000
  32. });

  33. // Add a mouseup listener to the sprite
  34. myCircle.addListener('mouseup', function() {
  35.     alert('mouse upped!');
  36. });
复制代码
回复 支持 反对

使用道具 举报

发表于 2012-6-30 14:04:06 | 显示全部楼层
[img]file:///C:/Documents%20and%20Settings/lizhiwen/Application%20Data/Tencent/Users/597570651/QQ/WinTemp/RichOle/4GUI1FVFJ31~XY[XUOVGC_B.jpg[/img] 这个内格线怎么做的?
回复 支持 反对

使用道具 举报

发表于 2012-7-2 15:54:15 | 显示全部楼层
很强,做得不错
回复 支持 反对

使用道具 举报

发表于 2012-7-4 01:14:59 | 显示全部楼层
很不错!
回复 支持 反对

使用道具 举报

发表于 2012-7-5 04:31:46 | 显示全部楼层
有没有源码?
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|FineUI 官方论坛 ( 皖ICP备13005369号-1 )  

GMT+8, 2018-12-16 12:20 , Processed in 0.079341 second(s), 14 queries , Gzip On, MemCache On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表