feat: optimize the initial states of charts (#173)

1. only show live cell count by default;
2. unify selection of avg-block-time of its thumnail and large chart;
3. offset 1% start point of uncle rate because its initial
value makes the chart obsure, similar to an outlier at the
start point.

src/pages/StatisticsChart/activities/CellCount.tsx

@@ -99,6 +99,11 @@ const useOption = (
               name: t('statistic.dead_cell'),
             },
           ],
+      selected: {
+        [t('statistic.all_cells')]: false,
+        [t('statistic.live_cell')]: true,
+        [t('statistic.dead_cell')]: false,
+      },
     },
     grid: isThumbnail ? gridThumbnail : grid,
     dataZoom: isThumbnail ? [] : DATA_ZOOM_CONFIG,

src/pages/StatisticsChart/block/AverageBlockTime.tsx

@@ -80,7 +80,7 @@ const useOption = (
       : undefined,
     grid: isThumbnail ? gridThumbnail : grid,
     /* Selection starts from 1% because the average block time is extremely high on launch */
-    dataZoom: isThumbnail ? [] : DATA_ZOOM_CONFIG.map(zoom => ({ ...zoom, start: 1 })),
+    dataZoom: DATA_ZOOM_CONFIG.map(zoom => ({ ...zoom, show: !isThumbnail, start: 1 })),
     xAxis: [
       {
         name: isMobile || isThumbnail ? '' : t('statistic.date'),

src/pages/StatisticsChart/mining/UncleRate.tsx

@@ -52,7 +52,8 @@ const useOption = (
         }
       : undefined,
     grid: isThumbnail ? gridThumbnail : grid,
-    dataZoom: isThumbnail ? [] : DATA_ZOOM_CONFIG,
+    /* Selection starts from 1% because the uncle rate starts from 0 on launch */
+    dataZoom: DATA_ZOOM_CONFIG.map(zoom => ({ ...zoom, show: !isThumbnail, start: 1 })),
     xAxis: [
       {
         name: isMobile || isThumbnail ? '' : t('statistic.date'),