lychiyu/frequi_origin
1
0
Fork 0
mirror of https://github.com/freqtrade/frequi.git synced 2024-09-20 17:41:08 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge pull request #1634 from freqtrade/type/percentagetool

Browse Source 
type percentage Tool
This commit is contained in:
Matthias 2023-12-17 15:41:17 +01:00 committed by GitHub
commit f62c05cb8b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/charts/CandleChart.vue
View File

@ -135,7 +135,11 @@ const diffCols = computed(() => {
return getDiffColumnsFromPlotConfig(props.plotConfig);
});
usePercentageTool(candleChart, props);
usePercentageTool(
candleChart,
toRef(() => props.theme),
toRef(() => props.dataset.timeframe_ms),
);
function updateChart(initial = false) {
if (!hasData.value) {

8
src/composables/percentageTool.ts
View File

@ -2,10 +2,10 @@ import { ElementEvent } from 'echarts';
import { ROUND_CLOSER, roundTimeframe } from '@/shared/timemath';
import humanizeDuration from 'humanize-duration';
export function usePercentageTool(chartRef, props) {
export function usePercentageTool(chartRef, theme: Ref<string>, timeframe_ms: Ref<number>) {
const inputListener = useKeyModifier('Shift', { events: ['keydown', 'keyup'] });
const color = computed(() => (props.theme === 'dark' ? 'white' : 'black'));
const color = computed(() => (theme.value === 'dark' ? 'white' : 'black'));
const startPos = ref({ x: 0, y: 0 });
const drawLimitPerSecond = 144;
@ -13,7 +13,7 @@ export function usePercentageTool(chartRef, props) {
const active = ref(false);
function roundTF(timestamp: number) {
return roundTimeframe(props.dataset.timeframe_ms, timestamp, ROUND_CLOSER);
return roundTimeframe(timeframe_ms.value, timestamp, ROUND_CLOSER);
}
function mouseMove(e: ElementEvent) {
@ -110,7 +110,7 @@ export function usePercentageTool(chartRef, props) {
x: startPos.value.x + (xr - startPos.value.x) / 2,
y: y < startPos.value.y ? y - 30 : y + 9,
textAlign: 'center',
text: `${timeDiff / props.dataset.timeframe_ms} bars (${
text: `${timeDiff / timeframe_ms.value} bars (${
startPrice < endPrice ? pct : '-' + pct
}%) \n ${timeElapsed}`,
font: '14px sans-serif',