|
@@ -597,7 +597,7 @@ function initChart() {
|
|
|
chart.createIndicator({
|
|
chart.createIndicator({
|
|
|
name: 'MA', calcParams: [5, 10, 30],
|
|
name: 'MA', calcParams: [5, 10, 30],
|
|
|
styles: { lines: [{ color: '#f0b90b', size: 1 }, { color: '#5d9cf5', size: 1 }, { color: '#e84d5b', size: 1 }] },
|
|
styles: { lines: [{ color: '#f0b90b', size: 1 }, { color: '#5d9cf5', size: 1 }, { color: '#e84d5b', size: 1 }] },
|
|
|
- }, true, { id: 'candle_pane' })
|
|
|
|
|
|
|
+ }, { isStack: true, pane: { id: 'candle_pane' } })
|
|
|
}
|
|
}
|
|
|
if (showVol.value) {
|
|
if (showVol.value) {
|
|
|
chart.createIndicator(
|
|
chart.createIndicator(
|
|
@@ -607,8 +607,7 @@ function initChart() {
|
|
|
lastValueMark: { show: false },
|
|
lastValueMark: { show: false },
|
|
|
tooltip: { showRule: 'none' },
|
|
tooltip: { showRule: 'none' },
|
|
|
}},
|
|
}},
|
|
|
- false,
|
|
|
|
|
- { id: 'vol-pane', height: 80, minHeight: 40 },
|
|
|
|
|
|
|
+ { isStack: false, pane: { id: 'vol-pane', height: 80, minHeight: 40 } },
|
|
|
)
|
|
)
|
|
|
}
|
|
}
|
|
|
|
|
|
|
@@ -666,7 +665,7 @@ function zoomOut() { (chart as any)?.zoomAtCoordinate?.(0.8) }
|
|
|
watch(showMA, (show) => {
|
|
watch(showMA, (show) => {
|
|
|
if (!chart) return
|
|
if (!chart) return
|
|
|
if (show) {
|
|
if (show) {
|
|
|
- chart.createIndicator({ name: 'MA', calcParams: [5, 10, 30], styles: { lines: [{ color: '#f0b90b', size: 1 }, { color: '#5d9cf5', size: 1 }, { color: '#e84d5b', size: 1 }] } }, true, { id: 'candle_pane' })
|
|
|
|
|
|
|
+ chart.createIndicator({ name: 'MA', calcParams: [5, 10, 30], styles: { lines: [{ color: '#f0b90b', size: 1 }, { color: '#5d9cf5', size: 1 }, { color: '#e84d5b', size: 1 }] } }, { isStack: true, pane: { id: 'candle_pane' } })
|
|
|
} else {
|
|
} else {
|
|
|
chart.removeIndicator({ name: 'MA', paneId: 'candle_pane' })
|
|
chart.removeIndicator({ name: 'MA', paneId: 'candle_pane' })
|
|
|
}
|
|
}
|
|
@@ -680,8 +679,7 @@ watch(showVol, (show) => {
|
|
|
lines: [{ size: 0, color: 'rgba(0,0,0,0)' }, { size: 0, color: 'rgba(0,0,0,0)' }, { size: 0, color: 'rgba(0,0,0,0)' }],
|
|
lines: [{ size: 0, color: 'rgba(0,0,0,0)' }, { size: 0, color: 'rgba(0,0,0,0)' }, { size: 0, color: 'rgba(0,0,0,0)' }],
|
|
|
lastValueMark: { show: false }, tooltip: { showRule: 'none' },
|
|
lastValueMark: { show: false }, tooltip: { showRule: 'none' },
|
|
|
}},
|
|
}},
|
|
|
- false,
|
|
|
|
|
- { id: 'vol-pane', height: 80, minHeight: 40 },
|
|
|
|
|
|
|
+ { isStack: false, pane: { id: 'vol-pane', height: 80, minHeight: 40 } },
|
|
|
)
|
|
)
|
|
|
} else {
|
|
} else {
|
|
|
chart.removeIndicator({ name: 'VOL', paneId: 'vol-pane' })
|
|
chart.removeIndicator({ name: 'VOL', paneId: 'vol-pane' })
|