feat(dashboard): reduce xAxis’ nameGap when xAxisData is empty

cartesian chart & scatter chart

Author: GerilLeto

dashboard/src/components/plugins/viz-components/cartesian/option/x-axis.ts

@@ -5,10 +5,12 @@ import { ICartesianChartConf } from '../type';
 export function getXAxes(conf: ICartesianChartConf, xAxisData: $TSFixMe[]) {
   const { overflow, ...axisLabel } = conf.x_axis.axisLabel;
   const overflowOption = getLabelOverflowOptionOnAxis(overflow.on_axis);
+  const xDataEmpty = xAxisData.length === 0;
   return [
     {
       data: xAxisData,
       name: conf.x_axis_name ?? '',
+      nameGap: xDataEmpty ? 5 : undefined,
       id: 'main-x-axis',
       axisTick: {
         show: true,

dashboard/src/components/plugins/viz-components/scatter-chart/option/x-axis.ts

@@ -4,10 +4,12 @@ import { IScatterChartConf } from '../type';
 export function getXAxes(conf: IScatterChartConf, xAxisData: $TSFixMe[]) {
   const allNumbers = xAxisData.every((d) => !Number.isNaN(Number(d)));
   const { axisLabel } = conf.x_axis;
+  const xDataEmpty = xAxisData.length === 0;
   return [
     {
       data: xAxisData,
       name: conf.x_axis.name ?? '',
+      nameGap: xDataEmpty ? 5 : undefined,
       id: 'main-x-axis',
       axisTick: {
         show: true,