mirror of
https://github.com/frappe/books.git
synced 2024-12-23 19:39:07 +00:00
fix(ui): prevent truncation, don't show year
This commit is contained in:
parent
8e0e648497
commit
deeaac0f74
@ -13,7 +13,7 @@
|
|||||||
<span class="ml-2">{{ _('Outflow') }}</span>
|
<span class="ml-2">{{ _('Outflow') }}</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<PeriodSelector :value="period" @change="value => (period = value)" />
|
<PeriodSelector :value="period" @change="(value) => (period = value)" />
|
||||||
</div>
|
</div>
|
||||||
<div class="chart-wrapper" ref="cashflow"></div>
|
<div class="chart-wrapper" ref="cashflow"></div>
|
||||||
</template>
|
</template>
|
||||||
@ -97,11 +97,11 @@ import { getDatesAndPeriodicity } from './getDatesAndPeriodicity';
|
|||||||
export default {
|
export default {
|
||||||
name: 'Cashflow',
|
name: 'Cashflow',
|
||||||
components: {
|
components: {
|
||||||
PeriodSelector
|
PeriodSelector,
|
||||||
},
|
},
|
||||||
data: () => ({ period: 'This Year', hasData: false }),
|
data: () => ({ period: 'This Year', hasData: false }),
|
||||||
watch: {
|
watch: {
|
||||||
period: 'render'
|
period: 'render',
|
||||||
},
|
},
|
||||||
activated() {
|
activated() {
|
||||||
this.render();
|
this.render();
|
||||||
@ -115,7 +115,7 @@ export default {
|
|||||||
let { data, periodList } = await new Cashflow().run({
|
let { data, periodList } = await new Cashflow().run({
|
||||||
fromDate,
|
fromDate,
|
||||||
toDate,
|
toDate,
|
||||||
periodicity
|
periodicity,
|
||||||
});
|
});
|
||||||
|
|
||||||
let totalInflow = data.reduce((sum, d) => d.inflow + sum, 0);
|
let totalInflow = data.reduce((sum, d) => d.inflow + sum, 0);
|
||||||
@ -134,33 +134,33 @@ export default {
|
|||||||
colors: ['#2490EF', '#B7BFC6'],
|
colors: ['#2490EF', '#B7BFC6'],
|
||||||
axisOptions: {
|
axisOptions: {
|
||||||
xAxisMode: 'tick',
|
xAxisMode: 'tick',
|
||||||
shortenYAxisNumbers: true
|
shortenYAxisNumbers: true,
|
||||||
},
|
},
|
||||||
lineOptions: {
|
lineOptions: {
|
||||||
regionFill: 1,
|
regionFill: 1,
|
||||||
hideDots: 1,
|
hideDots: 1,
|
||||||
heatLine: 1
|
heatLine: 1,
|
||||||
},
|
},
|
||||||
tooltipOptions: {
|
tooltipOptions: {
|
||||||
formatTooltipY: value => frappe.format(value, 'Currency')
|
formatTooltipY: (value) => frappe.format(value, 'Currency'),
|
||||||
},
|
},
|
||||||
data: {
|
data: {
|
||||||
labels: periodList,
|
labels: periodList.map((p) => p.split(' ')[0]),
|
||||||
datasets: [
|
datasets: [
|
||||||
{
|
{
|
||||||
name: 'Inflow',
|
name: 'Inflow',
|
||||||
chartType: 'line',
|
chartType: 'line',
|
||||||
values: data.map(period => period.inflow)
|
values: data.map((period) => period.inflow),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: 'Outflow',
|
name: 'Outflow',
|
||||||
chartType: 'line',
|
chartType: 'line',
|
||||||
values: data.map(period => period.outflow)
|
values: data.map((period) => period.outflow),
|
||||||
}
|
},
|
||||||
]
|
],
|
||||||
}
|
},
|
||||||
});
|
});
|
||||||
}
|
},
|
||||||
}
|
},
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
Loading…
Reference in New Issue
Block a user