fix: dashboard re-render

src/components/echarts/bar-chart.tsx

@@ -9,7 +9,7 @@ import {
   yAxis
 } from '@/components/echarts/config';
 import _ from 'lodash';
-import { useEffect, useState } from 'react';
+import { memo, useEffect, useState } from 'react';
 import { ChartProps } from './types';
 
 const BarChart: React.FC<ChartProps> = (props) => {
@@ -90,4 +90,4 @@ const BarChart: React.FC<ChartProps> = (props) => {
   );
 };
 
-export default BarChart;
+export default memo(BarChart);

src/components/echarts/config.ts

@@ -37,7 +37,6 @@ export const legend = {
 
 export const xAxis = {
   type: 'category',
-  boundaryGap: true,
   axisTick: {
     show: true,
     lineStyle: {

src/components/echarts/h-bar.tsx

@@ -8,7 +8,7 @@ import {
   yAxis
 } from '@/components/echarts/config';
 import _ from 'lodash';
-import { useEffect, useState } from 'react';
+import { memo, useEffect, useState } from 'react';
 import { ChartProps } from './types';
 
 const BarChart: React.FC<ChartProps> = (props) => {
@@ -87,7 +87,6 @@ const BarChart: React.FC<ChartProps> = (props) => {
       },
       xAxis: {
         ...options.xAxis,
-        boundaryGap: true,
         type: 'value',
         splitLine: {
           show: false
@@ -113,4 +112,4 @@ const BarChart: React.FC<ChartProps> = (props) => {
   );
 };
 
-export default BarChart;
+export default memo(BarChart);