From d3cd94feb0a1557c3a354a9af9bb6ad5e69c7faa Mon Sep 17 00:00:00 2001
From: Claudio Maggioni <maggicl@usi.ch>
Date: Mon, 29 May 2023 13:59:23 +0200
Subject: [PATCH] Fixed eps chart

---
 .../src/components/EpsChart.vue               | 26 ++++++++-----------
 1 file changed, 11 insertions(+), 15 deletions(-)

diff --git a/stockingly-frontend/src/components/EpsChart.vue b/stockingly-frontend/src/components/EpsChart.vue
index 0f84ff1..675129f 100644
--- a/stockingly-frontend/src/components/EpsChart.vue
+++ b/stockingly-frontend/src/components/EpsChart.vue
@@ -15,9 +15,8 @@
 </template>
  
 <script setup lang="ts">
-import { EmployeeCount, Eps, getEmployees, getEps } from '@/api';
+import { Eps, getEps } from '@/api';
 import { defineLoader } from '@/api/loader';
-import { time } from 'ag-charts-community';
 import { DateTime } from 'luxon';
 import { roundTo } from 'round-to';
 import { onMounted, computed } from 'vue';
@@ -25,10 +24,9 @@ import { AgChartsVue } from 'ag-charts-vue3';
 
 const renderer = (params: any) => ({
   title: params.title,
-  content: DateTime.fromMillis(params.xValue).year + ': ' + roundTo(params.yValue, 0),
+  content: DateTime.fromMillis(params.xValue).toFormat('yyyy-MM') + ': ' + roundTo(params.yValue, 4),
 });
 
-
 const props = defineProps<{
   tickers: string[],
   colors: string[]
@@ -49,26 +47,24 @@ const options = computed(() => {
       type: 'column',
       yKey: t,
       yName: t,
+      fill: getTickerColor(t),
       stroke: getTickerColor(t),
       tooltip: { renderer: renderer },
-      marker: {
-        fill: getTickerColor(t),
-        stroke: getTickerColor(t)
-      }
+      highlightStyle: {
+        item: { fillOpacity: 0 },
+        series: { enabled: false }
+      },
     })),
     axes: [
       {
-        type: 'time',
+        type: 'category',
         position: 'bottom',
-        tick: {
-          interval: time.month.every(3, {
-            snapTo: DateTime.utc(2000, 1, 1).toJSDate() // snap to solar year quarters
-          })
-        },
         label: {
           autoRotate: true,
           autoRotateAngle: 335,
-          format: '%Y-%m'
+          formatter: (params: any) => {
+            return DateTime.fromMillis(parseInt(params.value)).toFormat('yyyy-MM');
+          }
         }
       },
       {