|
|
@@ -16,6 +16,12 @@
|
|
|
<lay-select-option value="bitget_usdt_swap" label="bitget_usdt_swap" />
|
|
|
</lay-select>
|
|
|
</lay-form-item>
|
|
|
+ <lay-form-item label="查询时间" prop="minute_time_range">
|
|
|
+ <lay-input v-model="pageParams.minute_time_range" placeholder="查询时间(分钟)" />
|
|
|
+ </lay-form-item>
|
|
|
+ <lay-form-item label="回溯时间" prop="mills_back">
|
|
|
+ <lay-input v-model="pageParams.mills_back" placeholder="回溯时间(毫秒)" />
|
|
|
+ </lay-form-item>
|
|
|
<div class="form-button-wp">
|
|
|
<lay-button @click="getMsvData()">查询</lay-button>
|
|
|
</div>
|
|
|
@@ -45,18 +51,20 @@ interface PageConfig {
|
|
|
interface FormItem {
|
|
|
symbol?: String;
|
|
|
exchange?: String;
|
|
|
+ minute_time_range?: String;
|
|
|
+ mills_back?: String;
|
|
|
}
|
|
|
|
|
|
let pageConfig: PageConfig = reactive({
|
|
|
loading: false,
|
|
|
});
|
|
|
|
|
|
-const pageParams: FormItem = reactive({ symbol: "BTC_USDT", exchange: "gate_usdt_swap" });
|
|
|
+const pageParams: FormItem = reactive({ symbol: "BTC_USDT", exchange: "gate_usdt_swap", minute_time_range: "240", mills_back: "37" });
|
|
|
|
|
|
let msvChart = shallowRef();
|
|
|
|
|
|
const getMsvData = () => {
|
|
|
- const params = { symbol: pageParams.symbol?.toUpperCase(), exchange: pageParams.exchange };
|
|
|
+ const params = { indicator: "msv", query: pageParams };
|
|
|
pageConfig.loading = true;
|
|
|
get_indicator(params, (data: any) => {
|
|
|
pageConfig.loading = false;
|
|
|
@@ -81,7 +89,7 @@ const initChart = (data: any) => {
|
|
|
const yData = data.y;
|
|
|
const chartOption = {
|
|
|
title: {
|
|
|
- text: `${pageParams.exchange} ${pageParams.symbol?.toUpperCase()} 4小时波动率指标`,
|
|
|
+ text: `${pageParams.exchange} ${pageParams.symbol?.toUpperCase()} ${parseFloat(((Number(pageParams.minute_time_range) || 240) / 60).toFixed(2)).toString()}小时波动率指标`,
|
|
|
},
|
|
|
grid: {
|
|
|
top: "80px",
|
|
|
@@ -165,7 +173,7 @@ onUnmounted(() => {
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
.custom-card {
|
|
|
- min-width: auto;
|
|
|
+ min-width: 256px;
|
|
|
}
|
|
|
.chart {
|
|
|
padding-top: 20px;
|