diff --git a/src/routes/etf/[tickerID]/options/+page.svelte b/src/routes/etf/[tickerID]/options/+page.svelte
index 82a0fc65..4be29e86 100644
--- a/src/routes/etf/[tickerID]/options/+page.svelte
+++ b/src/routes/etf/[tickerID]/options/+page.svelte
@@ -8,9 +8,9 @@ import { onMount } from 'svelte'
 import UpgradeToPro from '$lib/components/UpgradeToPro.svelte';
 import { init, use } from 'echarts/core'
 import { BarChart } from 'echarts/charts'
-import { GridComponent } from 'echarts/components'
+import { GridComponent, TooltipComponent } from 'echarts/components'
 import { CanvasRenderer } from 'echarts/renderers'
-use([BarChart, GridComponent, CanvasRenderer])
+use([BarChart, GridComponent, TooltipComponent, CanvasRenderer])
 
 
   export let data;
@@ -100,6 +100,7 @@ use([BarChart, GridComponent, CanvasRenderer])
   
   function plotData(callData, putData) {
       const options = {
+        animation: false,
           tooltip: {
               trigger: 'axis',
               axisPointer: {
diff --git a/src/routes/stocks/[tickerID]/options/+page.svelte b/src/routes/stocks/[tickerID]/options/+page.svelte
index 692bc3c4..7bc4852a 100644
--- a/src/routes/stocks/[tickerID]/options/+page.svelte
+++ b/src/routes/stocks/[tickerID]/options/+page.svelte
@@ -100,6 +100,7 @@
     
     function plotData(callData, putData) {
         const options = {
+          animation: false,
             tooltip: {
                 trigger: 'axis',
                 axisPointer: {