update dividend and insider

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

@@ -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;
     }
     }
     

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

@@ -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;
   }
   }
   

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

@@ -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) {
+              formatter: function (value, index) {
-                return (value / denominator)?.toFixed(0) + unit; // Format value in millions
+                // 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;
       }
   }