Hide small balances from Chart

This commit is contained in:
Matthias 2022-01-24 19:47:33 +01:00
parent c40660c2cb
commit ce4208c452
3 changed files with 6 additions and 11 deletions

View File

@ -1,10 +1,5 @@
<template> <template>
<v-chart <v-chart v-if="currencies" :option="balanceChartOptions" :theme="getChartTheme" autoresize />
v-if="balance.currencies"
:option="balanceChartOptions"
:theme="getChartTheme"
autoresize
/>
</template> </template>
<script lang="ts"> <script lang="ts">
@ -24,7 +19,7 @@ import {
TooltipComponent, TooltipComponent,
} from 'echarts/components'; } from 'echarts/components';
import { BalanceInterface } from '@/types'; import { BalanceRecords } from '@/types';
import { formatPriceCurrency } from '@/shared/formatters'; import { formatPriceCurrency } from '@/shared/formatters';
use([ use([
@ -43,7 +38,7 @@ use([
}, },
}) })
export default class BalanceChart extends Vue { export default class BalanceChart extends Vue {
@Prop({ required: true }) balance!: BalanceInterface; @Prop({ required: true }) currencies!: BalanceRecords[];
@Prop({ default: false, type: Boolean }) showTitle!: boolean; @Prop({ default: false, type: Boolean }) showTitle!: boolean;
@ -59,7 +54,7 @@ export default class BalanceChart extends Vue {
backgroundColor: 'rgba(0, 0, 0, 0)', backgroundColor: 'rgba(0, 0, 0, 0)',
dataset: { dataset: {
dimensions: ['balance', 'currency', 'est_stake', 'free', 'used', 'stake'], dimensions: ['balance', 'currency', 'est_stake', 'free', 'used', 'stake'],
source: this.balance.currencies, source: this.currencies,
}, },
tooltip: { tooltip: {
trigger: 'item', trigger: 'item',

View File

@ -14,7 +14,7 @@
<ShowIcon v-else :size="16" /> <ShowIcon v-else :size="16" />
</b-form-checkbox> </b-form-checkbox>
</div> </div>
<BalanceChart :balance="balance" /> <BalanceChart v-if="balanceCurrencies" :currencies="balanceCurrencies" />
<div> <div>
<p v-if="balance.note"> <p v-if="balance.note">
<strong>{{ balance.note }}</strong> <strong>{{ balance.note }}</strong>

View File

@ -9,7 +9,7 @@ export interface BalanceRecords {
} }
export interface BalanceInterface { export interface BalanceInterface {
currencies: Array<BalanceRecords>; currencies: BalanceRecords[];
note: string; note: string;
/** Stake currency used */ /** Stake currency used */
stake: string; stake: string;