From a6bad17030f15ee36b14d0645fefd7d9d6fb953f Mon Sep 17 00:00:00 2001
From: p4azsfjh3 <1172251193@qq.com>
Date: Fri, 25 Nov 2022 13:31:56 +0800
Subject: [PATCH] ADD file via upload

---
 s.html | 67 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 67 insertions(+)
 create mode 100644 s.html
diff --git a/s.html b/s.html
new file mode 100644
index 0000000..1548126
--- /dev/null
+++ b/s.html
@@ -0,0 +1,67 @@
+  <!-- 
+    1.ECharts最基本的代码结构
+    2.x轴数据：['张三'，‘李四’，‘王五’，‘闰土’，‘小明’，‘茅台’，‘二妞’，‘大强’]
+    3.y轴数据：[88,92,63,77,94,80,72,86]
+    4.将type的值设置为bar
+     -->
+     <!DOCTYPE html>
+     <html lang="en">
+     <head>
+         <meta charset="UTF-8">
+         <meta name="viewport" content="width=device-width, initial-scale=1.0">
+         <title>Document</title>
+          <script src="../static/assets/js/echarts.js"></script>
+          
+        
+     </head>
+     <body>
+         <div style="width: 600px;height: 400px;"></div>
+         <script>
+             var mCharts= echarts.init(document.querySelector('div'))
+             var xDataArr=['张三','李四','王五','闰土','小明','茅台','二妞','大强']
+             var yDaraArr=[70,92,85,89,77,90,87,98]
+             var  option={
+                 
+                xAxis:{
+                    type:'value'  //类目轴
+                    
+                },
+                yAxis:{
+                    type:'category'  ,//数值轴
+                    data:xDataArr
+                },
+                series:[
+                    {
+                        name:'语文',
+                        type:'bar',   //bar是柱状图，line是线状，pie是饼状
+                        markPoint:{   
+                            data:[
+                              {
+                                  type:'max',name:'最大值'
+                              },{
+                                type:'min',name:'最小值'
+                              }
+                           ]
+                         },
+                        markLine:{
+                            data:[
+                                {
+                                    type:'average',name:'平均值'
+                                }
+                            ]
+                         },
+                        label:{
+                            show: true,
+                            position:'right'
+                         },
+                            
+                         barWidth:'30%',
+                        data:yDaraArr
+                    }
+                ]
+             }
+             //步骤5：将配置项设置给echarts实例对象  
+             mCharts.setOption(option) 
+          </script>
+     </body>
+     </html>
\ No newline at end of file
