chore: modify slider config (#55)

Author: Timeless0911

website/src/components/ContentBundleSize.tsx

@@ -5,6 +5,7 @@ import {
   BUNDLE_SIZE_DEFAULT_CASE,
   LINE_CHART_DEFAULT_CONFIG,
   BASE_PADDING,
+  PRODUCT,
 } from '@/shared/constant';
 import { Filters, useFilterResult } from './Filters';
 import { useEffect, useRef } from 'react';
@@ -64,6 +65,10 @@ export const ContentBundleSize = (props: { productIndex: string }) => {
             value: `${datum.y} KB`,
           }),
         },
+        slider: {
+          start: productName === PRODUCT.MODERNJS_FRAMEWORK ? 0.85 : 0,
+          end: 1,
+        },
       });
 
       chartInstance.current.render();

website/src/components/ContentCompileSpeed.tsx

@@ -5,6 +5,7 @@ import {
   COMPILE_SPEED_DEFAULT_CASE,
   LINE_CHART_DEFAULT_CONFIG,
   BASE_PADDING,
+  PRODUCT,
 } from '@/shared/constant';
 import { Filters, useFilterResult } from './Filters';
 import { useEffect, useRef } from 'react';
@@ -64,6 +65,10 @@ export const ContentCompileSpeed = (props: { productIndex: string }) => {
             value: datum.y + 's',
           }),
         },
+        slider: {
+          start: productName === PRODUCT.MODERNJS_FRAMEWORK ? 0.85 : 0,
+          end: 1,
+        },
       });
 
       chartInstance.current.render();

website/src/components/ContentInstallSpeed.tsx

@@ -5,6 +5,7 @@ import {
   INSTALL_SPEED_METRICS,
   INSTALL_SPEED_DEFAULT_CASE,
   LINE_CHART_DEFAULT_CONFIG,
+  PRODUCT,
 } from '@/shared/constant';
 import { Filters, useFilterResult } from './Filters';
 import { useEffect, useRef } from 'react';
@@ -94,6 +95,10 @@ export const ContentInstallSpeed = (props: { productIndex: string }) => {
             };
           },
         },
+        slider: {
+          start: productName === PRODUCT.MODERNJS_FRAMEWORK ? 0.85 : 0,
+          end: 1,
+        },
       });
 
       chartInstance.current.render();

website/src/shared/constant.ts

@@ -150,8 +150,4 @@ export const LINE_CHART_DEFAULT_CONFIG: Partial<LineOptions> = {
     size: 3,
   },
   stepType: 'vh',
-  slider: {
-    start: 0,
-    end: 1,
-  },
 };