fixed download btn

css/custom.css

@@ -282,4 +282,8 @@ background-position: center;
 .outlabeled_img{
     width: 700px;
     height: auto;
+}
+
+#downloadButton{
+    display: none;
 }

index.html

@@ -147,11 +147,11 @@
                         <div class="col-lg-8 mb-1">
                             <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between border-0 py-0"
                                 style="background: none;">
-                                <h6 class="m-0 font-weight-bold text-primary">圖表輸出</h6>
+                                <h6 class="m-0 font-weight-bold text-primary d-none">圖表輸出</h6>
 
-                                <div class="text-center">
+                                <!-- <div class="text-center">
                                     <button id="downloadButton">下載圖表</button>
-                                </div>
+                                </div> -->
 
                                 <!-- <div class="dropdown no-arrow">
                                     <a class="dropdown-toggle" href="#" role="button" id="dropdownMenuLink"
@@ -183,6 +183,9 @@
                                             </div>
                                         </div>
                                         <div class="chart_box">
+                                            <div class="text-right">
+                                                <button id="downloadButton">下載圖表</button>
+                                            </div>
                                             <!-- <div id="legend" class="mt-3"></div> -->
                                             <div id="data_chart_box" class="chart_box2" style="position: relative;">
                                                 <h2 class="chart_title"></h2>

js/demo/text-to-chart.js

@@ -412,6 +412,7 @@ function generatePieChart(dataArray) {
     pieSeries.hiddenState.properties.startAngle = -90;
 
     // console.log('調位置')
+    downloadButton.style.display = "inline-block";
 }
 
 // 柱狀圖
@@ -533,6 +534,8 @@ function generateBarChart(key, dataArray) {
     }
     lineSeries.data = bottomData;
 
+    downloadButton.style.display = "inline-block";
+
     // 底部線條
     // let rectElements = document.querySelectorAll("rect");
     // // let widthValue = 0;
@@ -564,6 +567,7 @@ function generateBarChart(key, dataArray) {
 
 
 var downloadButton = document.getElementById("downloadButton");
+// downloadButton.style.display = 'none';
 
 // 添加點擊事件監聽器
 downloadButton.addEventListener('click', function () {
@@ -1098,7 +1102,9 @@ function createChart(chartType, data, labels) {
 
     bgImgelement.style.backgroundImage = chart_bgimg_url;
 
-    chartWhitelement.style.background = "rgba(255,255,255,0.5)"
+    chartWhitelement.style.background = "rgba(255,255,255,0.5)";
+
+    downloadButton.style.display = "inline-block";
 }
 
 // createChart(chartType);