案例:Extjs案例     状态:可编辑再运行    进入竖版
 运行结果 
AخA
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
   <link href="//cdn.bootcss.com/extjs/6.2.0/classic/theme-classic/resources/theme-classic-all.css" rel="stylesheet" />
5
   <script type="text/javascript" src="//cdn.bootcss.com/extjs/6.2.0/ext-all.js"></script>
6
   <script type="text/javascript" src="//cdn.bootcss.com/extjs/6.2.0/packages/charts/classic/charts.js"></script>
7
   <script type="text/javascript">
8
      Ext.onReady(function() {
9
         Ext.create({
10
            xtype: 'draw', 
11
            renderTo: Ext.getBody(),
12
            width: 600,
13
            height: 200,
14
            sprites: [{
15
               type: 'ellipticalArc',
16
               cx: 100,
17
               cy: 100,
18
               rx: 80,
19
               ry: 50,
20
               fillStyle: '#1F6D91',
21
               startAngle: 0,
22
               endAngle: Math.PI,
23
               anticlockwise: true
24
            }]
25
         });
26
      });
27
   </script>
28
</head>
29
<body>
30
</body>
31
</html>