巨朝阳-20221116-Earchs01

1.   const box1 = document.querySelector('#box1');
   
2.         const box2 = document.querySelector('#box2');
   
3.         const box3 = document.querySelector('#box3');
   
4.         const box4 = document.querySelector('#box4');
   
5.         const box5 = document.querySelector('#box5');
   
6.         const box6 = document.querySelector('#box6');
   
7.         const box7 = document.querySelector('#box7');
   
8.         const box8 = document.querySelector('#box8');
   
9.         const box9 = document.querySelector('#box9');
   
10. 
    
11.         var myChart1 = echarts.init(box1);
    
12.         var option1, option2;
    
13. 
    
14.         option1 = {
    
15.             legend: {
    
16.                 orient: 'vertical',
    
17.                 x: 'right',
    
18.                 y: 'center',
    
19. 
    
20.                 itemStyle: {
    
21.                     borderCap: 'round',
    
22.                 },
    
23.             },
    
24.             series: [
    
25.                 {
    
26.                     name: 'Nightingale Chart',
    
27.                     type: 'pie',
    
28.                     radius: [5, 50],
    
29.                     center: ['50%', '50%'],
    
30.                     roseType: 'radius',
    
31.                     itemStyle: {
    
32.                         itemGap: 10,
    
33.                         // borderRadius: 3
    
34. 
    
35.                     },
    
36.                     data: [
    
37.                         { value: 50, name: 'rose 1' },
    
38.                         { value: 20, name: 'rose 2' },
    
39.                         { value: 50, name: 'rose 3' },
    
40.                         { value: 20, name: 'rose 4' },
    
41.                     ]
    
42.                 }
    
43.             ]
    
44.         };
    
45. 
    
46.         option1 && myChart1.setOption(option1);
    
47. 
    
48. 
    
49. 
    
50. 
    

复制代码