From fa141ffda5d56cd106cab5d03e6d410fa8572e64 Mon Sep 17 00:00:00 2001
From: whycq <whycq>
Date: 星期三, 08 十二月 2021 16:38:42 +0800
Subject: [PATCH] #
---
views/index.html | 149 +++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 148 insertions(+), 1 deletions(-)
diff --git a/views/index.html b/views/index.html
index 47adfda..f133137 100644
--- a/views/index.html
+++ b/views/index.html
@@ -15,10 +15,157 @@
canvas {
display: block;
}
+ #sidebar{
+ /*瀹氫綅*/
+ position: absolute;
+ top: 50%;
+ left: 1%;
+ transform: translateY(-50%);
+ width: 20%;
+ height: 95%;
+ /*鐗规晥*/
+ background: rgba(255,255,255,0.3);
+ border-radius: 5px;
+ color: #f0f8ff;
+ }
+ #sidebar h1{
+ font-family: Fantasy;
+ font-size: 36px;
+ text-indent: 5%;
+ }
+ #baobiao1{
+ width: 400px;
+ height: 300px;
+ }
+
+
</style>
</head>
- <body>
+ <body style="position: relative">
+ <div id="sidebar">
+ <h1>涓壃-绔嬩綋浠撳簱</h1>
+ <div id="baobiao1"></div>
+
+ </div>
<div id="container"></div>
+ <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5.2.2/dist/echarts.min.js"></script>
+ <script type="text/javascript">
+ var dom = document.getElementById("baobiao1");
+ var myChart = echarts.init(dom);
+ var app = {};
+
+ var option;
+
+ option = {
+ xAxis: {
+ type: 'category',
+ data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
+ },
+ yAxis: {
+ type: 'value'
+ },
+ series: [
+ {
+ data: [120, 200, 150, 80, 70, 110, 130],
+ type: 'bar'
+ }
+ ]
+ };
+
+ option && myChart.setOption(option);
+
+
+ // option = {
+ // title: {
+ // text: '骞村害杩�/鍑鸿揣閲�',
+ // textStyle:{
+ // color:'#F8F8FF',
+ // },
+ // subtext: 'Data',
+ // subtextStyle:{
+ // color:'#F8F8FF',
+ // },
+ // show: true,
+ //
+ // },
+ // textStyle:{
+ // color:'#F8F8FF',
+ // },
+ // // subtextStyle:{
+ // // color:'#F8F8FF',
+ // // },
+ // // tooltip: {
+ // // trigger: 'axis'
+ // // },
+ // legend: {
+ // show:false,
+ // data: ['杩涜揣', '鍑鸿揣']
+ // },
+ // toolbox: {
+ // show: false,
+ // feature: {
+ // dataView: { show: true, readOnly: false },
+ // magicType: { show: true, type: ['line', 'bar'] },
+ // restore: { show: true },
+ // saveAsImage: { show: true }
+ // }
+ // },
+ // calculable: true,
+ // xAxis: [
+ // {
+ // type: 'category',
+ // // prettier-ignore
+ // data: ['涓�鏈�', '浜屾湀', '涓夋湀', '鍥涙湀', '浜旀湀', '鍏湀', '涓冩湀', '鍏湀', '涔濇湀', '鍗佹湀', '鍗佷竴鏈�', '鍗佷簩鏈�']
+ // }
+ // ],
+ // yAxis: [
+ // {
+ // // show:false,
+ // type: 'value'
+ // }
+ // ],
+ // series: [
+ // {
+ // name: '杩涜揣',
+ // type: 'bar',
+ // data: [
+ // 2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3
+ // ],
+ // markPoint: {
+ // data: [
+ // { type: 'max', name: 'Max' },
+ // { type: 'min', name: 'Min' }
+ // ]
+ // },
+ // markLine: {
+ // data: [{ type: 'average', name: 'Avg' }]
+ // }
+ // },
+ // {
+ // name: '鍑鸿揣',
+ // type: 'bar',
+ // data: [
+ // 2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3
+ // ],
+ // markPoint: {
+ // data: [
+ // { name: 'Max', value: 182.2, xAxis: 7, yAxis: 183 },
+ // { name: 'Min', value: 2.3, xAxis: 11, yAxis: 3 }
+ // ]
+ // },
+ // markLine: {
+ // data: [{ type: 'average', name: 'Avg' }]
+ // }
+ // }
+ // ],
+ //
+ // };
+ //
+ // if (option && typeof option === 'object') {
+ // myChart.setOption(option);
+ // }
+
+ </script>
<script type="text/javascript" src="../static/js/lib/jquery-3.3.1.min.js"></script>
<script type="text/javascript" src="../static/js/common.js"></script>
<script type="text/javascript" src="../static/js/data/Warehouse.js"></script>
--
Gitblit v1.9.1