AmineTMIRI/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update dividend and insider

Browse Source
This commit is contained in:
MuslemRahimi 2024-08-12 00:14:22 +02:00
parent 8eb591fe18
commit 1052f52512
3 changed files with 24 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/routes/etf/[tickerID]/dividends/+page.svelte
View File

@ -65,15 +65,10 @@
show: false, // Disable x-axis grid lines
},
},
{
type: 'value',
splitLine: {
show: false,
},
},
{
type: 'value',
axisLabel: {
show: false,
formatter: '{value} %',
},
splitLine: {
@ -96,7 +91,6 @@
data: growthList,
type: 'bar',
barWidth: '80%',
smooth: true,
yAxisIndex: 1,
itemStyle: {
color: (params) => {
@ -390,7 +384,7 @@
@media (max-width: 640px) {
.app {
height: 300px;
height: 200px;
}
}

10
src/routes/stocks/[tickerID]/dividends/+page.svelte
View File

@ -65,15 +65,10 @@ async function plotDividend(dividendList, growthList, dateList) {
show: false, // Disable x-axis grid lines
},
},
{
type: 'value',
splitLine: {
show: false,
},
},
{
type: 'value',
axisLabel: {
show: false,
formatter: '{value} %',
},
splitLine: {
@ -96,7 +91,6 @@ async function plotDividend(dividendList, growthList, dateList) {
data: growthList,
type: 'bar',
barWidth: '80%',
smooth: true,
yAxisIndex: 1,
itemStyle: {
color: (params) => {
@ -390,7 +384,7 @@ onMount(async() => {
@media (max-width: 640px) {
.app {
height: 300px;
height: 200px;
}
}

27
src/routes/stocks/[tickerID]/insider/+page.svelte
View File

@ -125,7 +125,7 @@ const handleMessage = async (event) => {
silent: true,
grid: {
left: '0%',
right: '0%',
right: '2%',
top: '10%',
bottom: '10%',
containLabel: true,
@ -150,7 +150,14 @@ const handleMessage = async (event) => {
type: 'value',
axisLabel: {
color: '#fff',
formatter: '${value}',
formatter: function (value, index) {
// Display every second tick
if (index % 2 === 0) {
return '$'+`${value}` // Format value in millions
} else {
return ''; // Hide this tick
}
}
},
splitLine: {
show: false, // Disable x-axis grid lines
@ -159,9 +166,15 @@ const handleMessage = async (event) => {
{
type: 'value',
axisLabel: {
formatter: function (value) {
return (value / denominator)?.toFixed(0) + unit; // Format value in millions
},
formatter: function (value, index) {
// Display every second tick
if (index % 2 === 0) {
value = Math.max(value, 0);
return (value / denominator)?.toFixed(0) + unit; // Format value in millions
} else {
return ''; // Hide this tick
}
},
},
splitLine: {
show: false, // Disable x-axis grid lines
@ -606,14 +619,14 @@ onMount(async() => {
<style>
.app {
height: 500px;
height: 300px;
max-width: 1500px;
}
@media (max-width: 560px) {
.app {
max-width: 520px;
height: 500px;
height: 250px;
}
}