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

@→Epoch

自由战士

{:soso_e179:}
学习，能简单介绍一下吗？

JacyHua

{:soso_e102:}{:soso_e102:}{:soso_e102:}

hs53602

能否介绍一下如何使用图表？曲线图等？需要第三方控件吗？

@→Epoch

有的
原理是获取数据源。。绑定到对应的图表上

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. 
    
12. Ext.create('Ext.Window', {
    
13.     width: 230,
    
14.     height: 230,
    
15.     layout: 'fit',
    
16.     items: [drawComponent]
    
17. }).show();

复制代码

@→Epoch

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. 
   
4. // Create a draw component
   
5. var drawComponent = Ext.create('Ext.draw.Component', {
   
6.     viewBox: false
   
7. });
   
8. 
   
9. // Create a window to place the draw component in
   
10. Ext.create('Ext.Window', {
    
11.     width: 220,
    
12.     height: 230,
    
13.     layout: 'fit',
    
14.     items: [drawComponent]
    
15. }).show();
    
16. 
    
17. // Add a circle sprite
    
18. var myCircle = drawComponent.surface.add({
    
19.     type: 'circle',
    
20.     x: 100,
    
21.     y: 100,
    
22.     radius: 100,
    
23.     fill: '#cc5'
    
24. });
    
25. 
    
26. // Now do stuff with the sprite, like changing its properties:
    
27. myCircle.setAttributes({
    
28.     fill: '#ccc'
    
29. }, true);
    
30. 
    
31. // or animate an attribute on the sprite
    
32. myCircle.animate({
    
33.     to: {
    
34.         fill: '#555'
    
35.     },
    
36.     duration: 2000
    
37. });
    
38. 
    
39. // Add a mouseup listener to the sprite
    
40. myCircle.addListener('mouseup', function() {
    
41.     alert('mouse upped!');
    
42. });

复制代码

易水临风

[img]file:///C:/Documents%20and%20Settings/lizhiwen/Application%20Data/Tencent/Users/597570651/QQ/WinTemp/RichOle/4GUI1FVFJ31~XY[XUOVGC_B.jpg[/img] 这个内格线怎么做的？

anada/wx

很强，做得不错

︶ㄣ東東ㄣ

很不错！

Germany

有没有源码?