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

ui fix

Browse Source
This commit is contained in:
MuslemRahimi 2024-08-08 19:59:24 +02:00
parent 1411c376e3
commit 571e958073
12 changed files with 57 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/lib/components/BorrowedShare.svelte
View File

@ -110,6 +110,9 @@ function findLowestAndHighestFee(data, lastDateStr) {
type: 'category',
boundaryGap: false,
data: dates,
axisLabel: {
color: '#fff',
}
},
yAxis: [
{
@ -118,7 +121,7 @@ function findLowestAndHighestFee(data, lastDateStr) {
show: false, // Disable x-axis grid lines
},
axisLabel: {
color: '#6E7079', // Change label color to white
color: '#fff', // Change label color to white
formatter: function (value, index) {
// Display every second tick
if (index % 2 === 0) {
@ -137,6 +140,7 @@ function findLowestAndHighestFee(data, lastDateStr) {
},
position: 'right',
axisLabel: {
color: '#fff',
formatter: function (value, index) {
if (index % 2 === 0) {
return value?.toFixed(1)+'%'

5
src/lib/components/ClinicalTrial.svelte
View File

@ -123,6 +123,9 @@ function getPlotOptions() {
xAxis: {
data: dates,
type: 'category',
axisLabel: {
color: '#fff',
}
},
yAxis: [
{
@ -131,7 +134,7 @@ function getPlotOptions() {
show: false, // Disable x-axis grid lines
},
axisLabel: {
color: '#6E7079', // Change label color to white
color: '#fff', // Change label color to white
formatter: function (value) {
return '#'+(value / denominator)?.toFixed(0) + unit; // Format value in millions
},

6
src/lib/components/DarkPool.svelte
View File

@ -116,7 +116,9 @@ function getPlotOptions() {
type: 'category',
boundaryGap: false,
data: dates,
axisLabel: {
color: '#fff',
}
},
yAxis: [
{
@ -125,7 +127,7 @@ function getPlotOptions() {
show: false, // Disable x-axis grid lines
},
axisLabel: {
color: '#6E7079', // Change label color to white
color: '#fff', // Change label color to white
formatter: function (value, index) {
// Display every second tick
if (index % 2 === 0) {

5
src/lib/components/Enterprise.svelte
View File

@ -71,6 +71,9 @@ function getPlotOptions() {
xAxis: {
data: dates,
type: 'category',
axisLabel: {
color: '#fff',
}
},
yAxis: [
{
@ -79,7 +82,7 @@ function getPlotOptions() {
show: false, // Disable x-axis grid lines
},
axisLabel: {
color: '#6E7079', // Change label color to white
color: '#fff', // Change label color to white
formatter: function (value) {
//value = Math.max(value, 0);
return '$'+(value / denominator)?.toFixed(1) + unit; // Format value in millions

7
src/lib/components/FailToDeliver.svelte
View File

@ -105,6 +105,9 @@ function findLowestAndHighestPrice(data, lastDateStr) {
type: 'category',
boundaryGap: false,
data: dates,
axisLabel: {
color: '#fff',
}
},
yAxis: [
{
@ -112,7 +115,9 @@ function findLowestAndHighestPrice(data, lastDateStr) {
splitLine: {
show: false, // Disable x-axis grid lines
},
axisLabel: {
color: '#fff',
formatter: function (value, index) {
if (index % 2 === 0) {
return '$'+value?.toFixed(1)
@ -129,7 +134,7 @@ function findLowestAndHighestPrice(data, lastDateStr) {
},
position: 'right',
axisLabel: {
color: '#6E7079', // Change label color to white
color: '#fff', // Change label color to white
formatter: function (value, index) {
// Display every second tick
if (index % 2 === 0) {

6
src/lib/components/GovernmentContract.svelte
View File

@ -90,7 +90,11 @@ use([BarChart, GridComponent, CanvasRenderer])
xAxis: {
data: dates,
type: 'category',
axisLabel: {
color: '#fff',
}
},
yAxis: [
{
type: 'value',
@ -98,7 +102,7 @@ use([BarChart, GridComponent, CanvasRenderer])
show: false, // Disable x-axis grid lines
},
axisLabel: {
color: '#6E7079', // Change label color to white
color: '#fff', // Change label color to white
formatter: function (value, index) {
if(index % 2) {
return '$'+(value / denominator)?.toFixed(1) + unit; // Format value in millions

6
src/lib/components/MarketMaker.svelte
View File

@ -88,6 +88,9 @@ function getPlotOptions() {
type: 'category',
boundaryGap: false,
data: dates,
axisLabel: {
color: '#fff',
}
},
yAxis: [
{
@ -96,7 +99,7 @@ function getPlotOptions() {
show: false, // Disable x-axis grid lines
},
axisLabel: {
color: '#6E7079', // Change label color to white
color: '#fff', // Change label color to white
formatter: function (value, index) {
// Display every second tick
if (index % 2 === 0) {
@ -115,6 +118,7 @@ function getPlotOptions() {
},
position: 'right',
axisLabel: {
color: '#fff',
formatter: function (value, index) {
if (index % 2 === 0) {
return (value / shareDenominator)?.toFixed(1) + shareUnit; // Format value in millions

7
src/lib/components/OptionsNetFlow.svelte
View File

@ -77,6 +77,9 @@
type: 'category',
boundaryGap: false,
data: dates,
axisLabel: {
color: '#fff',
}
},
yAxis: [
{
@ -85,7 +88,7 @@
show: false, // Disable x-axis grid lines
},
axisLabel: {
color: '#6E7079', // Change label color to white
color: '#fff', // Change label color to white
formatter: function (value, index) {
// Display every second tick
if (index % 2 === 0) {
@ -103,7 +106,9 @@
show: false, // Disable x-axis grid lines
},
position: 'right',
axisLabel: {
color: '#fff',
formatter: function (value, index) {
if (index % 2 === 0) {
return '$'+value?.toFixed(1)

6
src/lib/components/PriceAnalysis.svelte
View File

@ -64,6 +64,7 @@ function getPlotOptions() {
boundaryGap: false,
data: predictionDate,
axisLabel: {
color: '#fff',
formatter: function (value) {
// Assuming dates are in the format 'yyyy-mm-dd'
// Extract the month and day from the date string and convert the month to its abbreviated name
@ -78,6 +79,9 @@ function getPlotOptions() {
type: 'value',
splitLine: {
show: false,
},
axisLabel: {
color: '#fff',
}
},
series: [
@ -123,7 +127,7 @@ function getPlotOptions() {
smooth: true,
type: 'line',
itemStyle: {
color: "#C40377"
color: "#fff"
}
}
]

6
src/lib/components/RetailVolume.svelte
View File

@ -113,6 +113,7 @@ function getPlotOptions() {
boundaryGap: false,
data: dates,
axisLabel: {
color: '#fff',
formatter: function (value) {
// Assuming dates are in the format 'yyyy-mm-dd'
// Extract the month and day from the date string and convert the month to its abbreviated name
@ -132,7 +133,7 @@ function getPlotOptions() {
show: false, // Disable x-axis grid lines
},
axisLabel: {
color: '#6E7079', // Change label color to white
color: '#fff', // Change label color to white
formatter: function (value, index) {
// Display every second tick
if (index % 2 === 0) {
@ -152,9 +153,10 @@ function getPlotOptions() {
name: 'Sentiment',
position: 'right',
axisLabel: {
color: '#fff',
formatter: function (value, index) {
if (index % 2 === 0) {
return value.toFixed(2); // Format the sentiment value
return value?.toFixed(2); // Format the sentiment value
} else {
return ''; // Hide this tick
}

5
src/lib/components/ShareStatistics.svelte
View File

@ -68,6 +68,9 @@ function getPlotOptions() {
xAxis: {
data: dates,
type: 'category',
axisLabel: {
color: '#fff',
}
},
yAxis: [
{
@ -76,7 +79,7 @@ function getPlotOptions() {
show: false, // Disable x-axis grid lines
},
axisLabel: {
color: '#6E7079', // Change label color to white
color: '#fff', // Change label color to white
formatter: function (value) {
value = Math.max(value, 0);
return (value / denominator)?.toFixed(1) + unit; // Format value in millions

7
src/lib/components/Swap.svelte
View File

@ -108,6 +108,9 @@
type: 'category',
boundaryGap: false,
data: dates,
axisLabel: {
color: '#fff',
}
},
yAxis: [
{
@ -116,7 +119,7 @@
show: false, // Disable x-axis grid lines
},
axisLabel: {
color: '#6E7079', // Change label color to white
color: '#fff', // Change label color to white
formatter: function (value, index) {
// Display every second tick
if (index % 2 === 0) {
@ -136,7 +139,7 @@
},
position: 'right',
axisLabel: {
color: '#6E7079', // Change label color to white
color: '#fff', // Change label color to white
formatter: function (value, index) {
// Display every second tick
if (index % 2 === 0) {