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

update heatmap

Browse Source
This commit is contained in:
MuslemRahimi 2024-08-07 15:44:37 +02:00
parent 8049a504d2
commit 9d0a2abfae
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/routes/heatmaps/+page.svelte
View File

@ -164,7 +164,7 @@ function plotData(fontSize) {
if (params.data.children && params.data.children.length > 0) {
sumChangesPercentage = params.data.children.reduce((acc, child) => acc + (child.changesPercentage || 0), 0);
}
return params.name + ': ' + sumChangesPercentage?.toFixed(2) + '%'; // Display sum with two decimal places
return params.name;
},
height: 40
},
@ -307,9 +307,9 @@ $: {
<section class="w-full max-w-4xl overflow-hidden m-auto min-h-screen pt-5 pb-60">
<section class="w-full max-w-5xl overflow-hidden m-auto min-h-screen pt-5 pb-60">
<div class="w-full max-w-4xl m-auto sm:bg-[#27272A] sm:rounded-xl h-auto pl-10 pr-10 pt-5 sm:pb-10 sm:pt-10 mt-3 mb-8">
<div class="w-full max-w-5xl m-auto sm:bg-[#27272A] sm:rounded-xl h-auto pl-10 pr-10 pt-5 sm:pb-10 sm:pt-10 mt-3 mb-8">
<div class="grid grid-cols-1 sm:grid-cols-2 gap-10">
<!-- Start Column -->
@ -357,23 +357,23 @@ $: {
<body class="w-full max-w-4xl overflow-hidden m-auto">
<body class="w-full max-w-5xl overflow-hidden m-auto">
{#if isLoaded}
<section class="w-full max-w-4xl overflow-hidden m-auto">
<section class="w-full overflow-hidden m-auto">
<div class="p-0 flex justify-center w-full m-auto overflow-hidden max-w-4xl">
<div class="p-0 flex justify-center w-full m-auto overflow-hidden">
<div class="relative flex justify-center items-center overflow-hidden w-full">
<main class="w-full">
<div class="w-full max-w-4xl sm:flex sm:flex-row sm:items-center m-auto text-gray-100 border border-gray-800 sm:rounded-lg h-auto p-5 mb-4 ">
<div class="w-full sm:flex sm:flex-row sm:items-center m-auto text-gray-100 border border-gray-800 sm:rounded-lg h-auto p-5 mb-4 ">
<svg class="w-5 h-5 inline-block sm:mr-2 flex-shrink-0" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path fill="#a474f6" d="M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24m-4 48a12 12 0 1 1-12 12a12 12 0 0 1 12-12m12 112a16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16a16 16 0 0 1 16 16v40a8 8 0 0 1 0 16"/></svg>
<span>
Today, <label on:click={() => sectorSelector(lowestSumCategory)} class="cursor-pointer text-blue-400 sm:hover:text-white">{lowestSumCategory}</label> took the lead as the {displayIndex} largest loser, marking a cumulative return of <span class="text-white font-medium">{lowestSum?.toFixed(2)}%</span>,
@ -416,7 +416,7 @@ $: {
<div class="app w-[100vw] h-full mt-10">
<div class="app w-full h-full mt-10">
<Chart id="treemap" {init} options={options} class="chart w-full h-full" />
</div>
@ -591,7 +591,7 @@ $: {
<style>
.app {
height: 1200px;
max-width: 900px;
width: 100%;
}