FineUI 官方论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

本论坛已关闭(禁止注册、发帖和回复)
请移步 三石和他的朋友们

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

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

升级到 ASP.NET Core 3.1,快、快、快! 全新ASP.NET Core,比WebForms还简单! 欢迎加入【三石和他的朋友们】(基础版下载)

搜索
查看: 118196|回复: 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 | 只看该作者
能否介绍一下如何使用图表?曲线图等?需要第三方控件吗?
5#
 楼主| 发表于 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();
复制代码
6#
 楼主| 发表于 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. });
复制代码
7#
发表于 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] 这个内格线怎么做的?
8#
发表于 2012-7-2 15:54:15 | 只看该作者
很强,做得不错
9#
发表于 2012-7-4 01:14:59 | 只看该作者
很不错!
10#
发表于 2012-7-5 04:31:46 | 只看该作者
有没有源码?
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|FineUI 官方论坛 ( 皖ICP备2021006167号-1 )

GMT+8, 2024-11-1 07:51 , Processed in 0.047619 second(s), 18 queries , Gzip On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

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