g

templates/base.html

@@ -170,13 +170,13 @@
         <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
         <div class="container-lg mx-auto my-2 p-4 bg-white shadow-lg" style="border-radius: 5px;">
             <!-- <h1 class="text-4xl font-bold mb-4">Document Title - {{ active_page|e }} </h1> -->
-            <div class="alert alert-secondary" role="alert">
+            <!-- <div class="alert alert-secondary" role="alert">
                 <ul>
                     
                     <li><i class="bi bi-caret-right-fill"></i> 本網站讓使用者可以自建投資組合，回測其績效，並與其他使用者比較、討論並改進。</li>
                     <li><i class="bi bi-caret-right-fill"></i> 使用單位：清華大學、台灣大學、政治大學、明新科大、中華大學、臺北大學、證基會、成功大學。</li>
                 </ul>
-            </div>
+            </div> -->
             <div class="prose lg:prose-xl p-3">
                 <h2 class="text-xl font-bold mb-4">平台簡介</h2>
                 <hr class="mt-0 mb-2">

templates/result_view.html

@@ -122,15 +122,15 @@
             <div class="row justify-content-center font-bold text-xl">
                 資產權重變化
             </div>
-            <div class="" id="weight" style="max-height:30vh"></div>
+            <div class="mb-4" id="weight" style="max-height:50vh"></div>
             <div class="row justify-content-center font-bold text-xl">
                 投組價值走勢
             </div>
-            <div class="" id="price" style="max-height:30vh"></div>
+            <div class="mb-4" id="price" style="max-height:40vh"></div>
             <div class="row justify-content-center font-bold text-xl">
                 投組季報酬率
             </div>
-            <div class="" id="bar" style="max-height:30vh"></div>
+            <div class="mb-4" id="bar" style="max-height:40vh"></div>
           </div>
         </div>
 
@@ -153,7 +153,10 @@
     'title': {'text': ''}, 
     'xaxis': {'anchor': 'y', 'domain': [0.0, 1.0], 'title':''}, 
     'yaxis': {'anchor': 'x', 'domain': [0.0, 1.0], 'title':''},
-    'margin': {'l': 50, 'r': 50, 't': 20, 'b': 50}
+    'margin': {'l': 50, 'r': 50, 't': 10, 'b': 50},
+    'legend': {'yanchor': 'bottom', 'y': 1.3, 'xanchor': 'left', 'x': 0, 'orientation':'h',
+                'font': {'size':8}
+  }
   };
     const rlayout = {
       'autosize': true,
@@ -161,7 +164,7 @@
       'xaxis': {'anchor': 'y', 'domain': [0.0, 1.0], 'title':''}, 
       'yaxis': {'anchor': 'x', 'domain': [0.0, 1.0], 'title':''},
       'margin': {'l': 20, 'r': 10, 't': 50, 'b': 50},
-      'legend': {'yanchor': 'top', 'y': 1.2, 'xanchor': 'left', 'x': 0.01, 'orientation':'h'}
+      'legend': {'yanchor': 'top', 'y': 1.3, 'xanchor': 'left', 'x': 0.01, 'orientation':'h'}
     };
     const blayout = {
       'autosize': true,
@@ -169,7 +172,7 @@
       'xaxis': {'anchor': 'y', 'domain': [0.0, 1.0], 'title':''}, 
       'yaxis': {'anchor': 'x', 'domain': [0.0, 1.0], 'title':''},
       'margin': {'l': 40, 'r': 10, 't': 50, 'b': 70},
-      'legend': {'yanchor': 'top', 'y': 1.2, 'xanchor': 'left', 'x': 0.01, 'orientation':'h'}
+      'legend': {'yanchor': 'top', 'y': 1.3, 'xanchor': 'left', 'x': 0.01, 'orientation':'h'}
     };
     var w = {{ data.weight|safe }};
     var r = {{ data.ret|safe }};