案例: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></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: 400,
14
            sprites: [{
15
               type: 'arc',
16
               cx: 100,
17
               cy: 100,
18
               r: 80,
19
               fillStyle: '#1F6D91',
20
               startAngle: 0,
21
               endAngle: Math.PI,
22
               anticlockwise: true
23
            }]
24
         });
25
      });
26
   </script>
27
</head>
28
<body>
29
</body>
30
</html>