lychiyu/frequi_origin
1
0
Fork 0
mirror of https://github.com/freqtrade/frequi.git synced 2024-11-10 10:21:55 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Use type-based props declaration for CandleChart

Browse Source
This commit is contained in:
Matthias 2024-07-03 14:52:38 +02:00
parent 6e7a7295e2
commit 7dfabba2cc
1 changed files with 12 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -70,28 +70,24 @@ use([
GraphicComponent,
]);
const props = defineProps<{
trades: Trade[];
dataset: PairHistory;
heikinAshi: boolean;
useUTC: boolean;
plotConfig: PlotConfig;
theme: 'dark' | 'light';
sliderPosition: ChartSliderPosition | undefined;
colorUp: string;
colorDown: string;
}>();
// Chart default options
const MARGINLEFT = '5.5%';
const MARGINRIGHT = '1%';
const NAMEGAP = 55;
const SUBPLOTHEIGHT = 8; // Value in %
const props = defineProps({
trades: { required: false, default: () => [], type: Array as () => Trade[] },
dataset: { required: true, type: Object as () => PairHistory },
heikinAshi: { required: false, default: false, type: Boolean },
useUTC: { required: false, default: true, type: Boolean },
plotConfig: { required: true, type: Object as () => PlotConfig },
theme: { default: 'dark', type: String },
sliderPosition: {
required: false,
type: Object as () => ChartSliderPosition,
default: () => undefined,
},
colorUp: { required: false, type: String, default: '#12bb7b' },
colorDown: { required: false, type: String, default: '#ef5350' },
});
// Candle Colors
const upColor = props.colorUp;
const upBorderColor = props.colorUp;