first

src/App.vue

@@ -13,6 +13,10 @@ import {getCandleList} from '/@src/utils/api'
 import {calculateMACD, calculateEMA, calculateBollingerBands, calculateRSI} from "./utils/meter.js";
 import {entrySignals} from "./utils/cro.js";
 import {swingSignal} from "./utils/sig.js";
+import { useWindowSize } from '@vueuse/core'
+
+const { width, height } = useWindowSize()
+console.log(width, height)
 /**
  * Generates sample data for the lightweight chart
  * @param  {Boolean} ohlc Whether generated dat should include open, high, low, and close values
@@ -33,7 +37,8 @@ const chartOptions = ref({
       separatorColor: '#FF0000',
     },
   },
-  height: 1300,
+  width: width,
+  height: height,
   timeScale: {
     timeVisible: true,      // 분/초까지 표시
     secondsVisible: false   // 초 숨기고 싶으면 false
@@ -55,6 +60,8 @@ const selectCoins = [
   { title: 'LINK_USDT'},
 ]
 const selectTimes = [
+  { title: '10s'},
+  { title: '1m'},
   { title: '5m'},
   { title: '15m'},
   { title: '30m'},