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

Improve some plot styling

Browse Source
This commit is contained in:
Matthias 2021-06-23 06:45:18 +02:00
parent 65e55986a0
commit 17049a8f45
2 changed files with 21 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/charts/CandleChartContainer.vue
View File

@ -55,7 +55,7 @@
</div> </div>
<transition name="fade" mode="in-out"> <transition name="fade" mode="in-out">
<div v-show="showPlotConfig" class="w-25 config-sidebar"> <div v-show="showPlotConfig" class="w-25 config-sidebar">
<PlotConfigurator v-model="plotConfig" :columns="datasetColumns" /> <PlotConfigurator v-model="plotConfig" :columns="datasetColumns" :as-modal="false" />
</div> </div>
</transition> </transition>
</div> </div>
@ -107,7 +107,7 @@ export default class CandleChartContainer extends Vue {
plotConfigName = ''; plotConfigName = '';
showPlotConfig = true; showPlotConfig = !this.plotConfigModal;
@Getter getChartTheme!: string; @Getter getChartTheme!: string;

26
src/components/charts/PlotConfigurator.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div v-if="columns"> <div v-if="columns">
<div class="col-mb-3 ml-2"> <div v-if="true" class="col-mb-3 ml-2">
<b-form-radio-group <b-form-radio-group
v-model="plotOption" v-model="plotOption"
class="w-100" class="w-100"
@ -69,8 +69,13 @@
</b-form-select> </b-form-select>
</b-form-group> </b-form-group>
</div> </div>
<b-form-group label="Choose type" label-for="plotTypeSelector"> <b-form-group label="Type" label-for="plotTypeSelector">
<b-form-select id="plotTypeSelector" v-model="graphType" :options="availableGraphTypes"> <b-form-select
id="plotTypeSelector"
v-model="graphType"
size="sm"
:options="availableGraphTypes"
>
</b-form-select> </b-form-select>
</b-form-group> </b-form-group>
<hr /> <hr />
@ -88,7 +93,12 @@
</b-form-group> </b-form-group>
<hr /> <hr />
<b-form-group label="Plot config name" label-for="idPlotConfigName"> <b-form-group label="Plot config name" label-for="idPlotConfigName">
<b-form-input id="idPlotConfigName" v-model="plotConfigName" :options="availableGraphTypes"> <b-form-input
id="idPlotConfigName"
v-model="plotConfigName"
size="sm"
:options="availableGraphTypes"
>
</b-form-input> </b-form-input>
</b-form-group> </b-form-group>
<div class="row px-2"> <div class="row px-2">
@ -162,6 +172,8 @@ export default class PlotConfigurator extends Vue {
@Prop({ required: true }) columns!: Array<string>; @Prop({ required: true }) columns!: Array<string>;
@Prop({ required: true }) asModal!: boolean;
@Emit('input') @Emit('input')
emitPlotConfig() { emitPlotConfig() {
return this.plotConfig; return this.plotConfig;
@ -223,12 +235,12 @@ export default class PlotConfigurator extends Vue {
} }
} }
get subplots() { get subplots(): string[] {
// Subplot keys (for selection window) // Subplot keys (for selection window)
return Object.keys(this.plotConfig.subplots); return ['main_plot', ...Object.keys(this.plotConfig.subplots)];
} }
get usedColumns() { get usedColumns(): string[] {
if (this.isMainPlot) { if (this.isMainPlot) {
return Object.keys(this.plotConfig.main_plot); return Object.keys(this.plotConfig.main_plot);
} }