maggicl/va-project
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Added axis labels

Browse source
This commit is contained in:
Claudio Maggioni 2023-05-29 15:21:58 +02:00
parent e1abc59e99
commit 435ba7450e
4 changed files with 41 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
stockingly-frontend/src/components/BalanceSheet.vue
View file

@ -90,6 +90,10 @@ const options = computed(() => {
})),
axes: [
{
title: {
enabled: true,
text: 'Company Ticker'
},
type: 'category',
position: 'bottom',
gridStyle: [{
@ -99,12 +103,18 @@ const options = computed(() => {
}]
},
{
enabled: true,
title: {
enabled: true,
text: 'Amount in USD',
},
type: 'number',
position: 'left',
label: {
format: '$~s',
formatter: (params: AgAxisLabelFormatterParams) =>
params?.formatter?.(params.value)
.replace('y', '')
.replace('k', 'K')
.replace('G', 'B') ?? ''
},

12
stockingly-frontend/src/components/EmployeesChart.vue
View file

@ -71,7 +71,11 @@ const options = computed(() => {
lineDash: [Infinity]
}, {
lineDash: [Infinity]
}]
}],
title: {
enabled: true,
text: 'Year'
},
},
{
type: 'number',
@ -80,7 +84,11 @@ const options = computed(() => {
lineDash: [Infinity]
}, {
lineDash: [Infinity]
}]
}],
title: {
enabled: true,
text: '# of employees'
},
},
],
legend: {

12
stockingly-frontend/src/components/EpsChart.vue
View file

@ -66,7 +66,11 @@ const options = computed(() => {
lineDash: [Infinity]
}, {
lineDash: [Infinity]
}]
}],
title: {
enabled: true,
text: 'Quarter'
},
},
{
type: 'number',
@ -75,7 +79,11 @@ const options = computed(() => {
lineDash: [Infinity]
}, {
lineDash: [Infinity]
}]
}],
title: {
enabled: true,
text: 'Amount in USD'
},
},
],
legend: {

12
stockingly-frontend/src/components/StockPrice.vue
View file

@ -141,6 +141,7 @@ const options = computed(() => {
stroke: getTickerColor(t),
tooltip: { renderer: renderer },
marker: {
size: timeToggle.value == '1M' || timeToggle.value == '3M' ? 5 : 1,
fill: getTickerColor(t),
stroke: getTickerColor(t)
}
@ -164,6 +165,10 @@ const options = computed(() => {
}, {
lineDash: [Infinity]
}],
title: {
enabled: true,
text: 'Closing date'
},
crossLines: Object.entries(minDates(stockPrice.data ?? []))
.map(([key, value]: [string, number]) => ({
type: 'line',
@ -181,14 +186,19 @@ const options = computed(() => {
format: '$~s',
formatter: (params: AgAxisLabelFormatterParams) =>
params?.formatter?.(params.value)
.replace('y', '')
.replace('k', 'K')
.replace('G', 'B') ?? '' + '$'
.replace('G', 'B') ?? ''
},
gridStyle: [{
lineDash: [Infinity]
}, {
lineDash: [Infinity]
}],
title: {
enabled: true,
text: 'Amount in USD'
},
},
],
legend: {