初始化数据可视化项目

2025-04-27 08:48:28 +08:00
commit 1984d69e6d
41 changed files with 325354 additions and 0 deletions
--- a/experiment_5/task2.html
+++ b/experiment_5/task2.html
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>柱状图</title>
+    <script src="js/echarts.min.js"></script>
+
+</head>
+
+<body>
+    <div id="main" style="width:800px;height:800px;"></div>
+
+    <script>
+        var myChart = echarts.init(document.getElementById('main'));
+
+
+        var app = {};
+
+        var chartDom = document.getElementById('main');
+        var myChart = echarts.init(chartDom);
+        var option;
+
+        option = {
+            legend: {},
+            tooltip: {},
+            dataset: {
+                source: [
+                    ['年份', '2018', '2019', '2020'],
+                    ['洗衣机', 430, 858, 937],
+                    ['空调', 831, 734, 551],
+                    ['电视机', 864, 652, 825],
+                    ['路由器', 724, 539, 391]
+                ]
+            },
+            xAxis: { type: 'category' },
+            yAxis: {},
+            // Declare several bar series, each will be mapped
+            // to a column of dataset.source by default.
+            series: [{ type: 'bar' }, { type: 'bar' }, { type: 'bar' }]
+        };
+
+        option && myChart.setOption(option);
+
+
+    </script>
+</body>
+
+</html>