diff --git a/web-vue/packages/erp/views/erp/green/components/ChartAccount.vue b/web-vue/packages/erp/views/erp/green/components/ChartAccount.vue
index 2d0cc41e..d0288f14 100644
--- a/web-vue/packages/erp/views/erp/green/components/ChartAccount.vue
+++ b/web-vue/packages/erp/views/erp/green/components/ChartAccount.vue
@@ -354,7 +354,7 @@ const initChart = () => {
           borderColor: 'rgba(255,255,255,0.2)',
           borderWidth: 0.5
         },
-        barWidth: 12,
+        barWidth: '12%',
         barGap: '30%',
         barCategoryGap: '20%',
         label: barLabelConfig,
@@ -383,7 +383,7 @@ const initChart = () => {
           borderColor: 'rgba(255,255,255,0.2)',
           borderWidth: 0.5
         },
-        barWidth: 12,
+        barWidth: '12%',
         label: barLabelConfig,
         yAxisIndex: 0,
         emphasis: {
diff --git a/web-vue/packages/erp/views/erp/green/components/ChartLine.vue b/web-vue/packages/erp/views/erp/green/components/ChartLine.vue
index b0a18b5b..422f93be 100644
--- a/web-vue/packages/erp/views/erp/green/components/ChartLine.vue
+++ b/web-vue/packages/erp/views/erp/green/components/ChartLine.vue
@@ -361,7 +361,7 @@ const initChart = () => {
           borderColor: 'rgba(255,255,255,0.2)',
           borderWidth: 0.5
         },
-        barWidth: 12,
+        barWidth: '12%',
         barGap: '30%',
         barCategoryGap: '20%',
         label: barLabelConfig,
@@ -390,7 +390,7 @@ const initChart = () => {
           borderColor: 'rgba(255,255,255,0.2)',
           borderWidth: 0.5
         },
-        barWidth: 12,
+        barWidth: '12%',
         label: barLabelConfig,
         yAxisIndex: 0,
         emphasis: {
diff --git a/web-vue/packages/erp/views/erp/green/components/ChartMom.vue b/web-vue/packages/erp/views/erp/green/components/ChartMom.vue
index 8b9cf433..5454bd18 100644
--- a/web-vue/packages/erp/views/erp/green/components/ChartMom.vue
+++ b/web-vue/packages/erp/views/erp/green/components/ChartMom.vue
@@ -406,7 +406,7 @@ const initChart = () => {
         type: 'bar',
         data: netProfitData,
         yAxisIndex: 0,
-        barWidth: 10,
+        barWidth: '12%',
         barGap: '10%',
         barCategoryGap: '20%',
         itemStyle: {
diff --git a/web-vue/packages/erp/views/erp/green/components/ChartQuarter.vue b/web-vue/packages/erp/views/erp/green/components/ChartQuarter.vue
index 6b53e72e..dd161428 100644
--- a/web-vue/packages/erp/views/erp/green/components/ChartQuarter.vue
+++ b/web-vue/packages/erp/views/erp/green/components/ChartQuarter.vue
@@ -370,7 +370,7 @@ const initChart = () => {
           borderColor: 'rgba(255,255,255,0.2)',
           borderWidth: 0.5
         },
-        barWidth: 12,
+        barWidth: '12%',
         barGap: '30%',
         barCategoryGap: '20%',
         label: barLabelConfig,
@@ -399,7 +399,7 @@ const initChart = () => {
           borderColor: 'rgba(255,255,255,0.2)',
           borderWidth: 0.5
         },
-        barWidth: 12,
+        barWidth: '12%',
         label: barLabelConfig,
         yAxisIndex: 0,
         emphasis: {
diff --git a/web-vue/packages/erp/views/erp/green/components/ChartRank.vue b/web-vue/packages/erp/views/erp/green/components/ChartRank.vue
index 05135493..905d1aa9 100644
--- a/web-vue/packages/erp/views/erp/green/components/ChartRank.vue
+++ b/web-vue/packages/erp/views/erp/green/components/ChartRank.vue
@@ -205,7 +205,7 @@ const initChart = () => {
         name: '支出金额',
         type: 'bar',
         data: amountData,
-        barWidth: 12,
+        barWidth: '12%',
         itemStyle: {
           borderRadius: [0, 4, 4, 0],
           color: (params: any) => getRankColorGradient(rankData[params.dataIndex]),
diff --git a/web-vue/packages/erp/views/erp/green/components/ChartYear.vue b/web-vue/packages/erp/views/erp/green/components/ChartYear.vue
index 6ba5019c..8257e1e6 100644
--- a/web-vue/packages/erp/views/erp/green/components/ChartYear.vue
+++ b/web-vue/packages/erp/views/erp/green/components/ChartYear.vue
@@ -373,7 +373,7 @@ const initChart = () => {
           ]),
           borderRadius: [6, 6, 0, 0]
         },
-        barWidth: 12,
+        barWidth: '12%',
         barGap: '30%',
         barCategoryGap: '20%',
         label: barLabelConfig,
@@ -398,7 +398,7 @@ const initChart = () => {
           ]),
           borderRadius: [6, 6, 0, 0]
         },
-        barWidth: 12,
+        barWidth: '12%',
         label: barLabelConfig,
         yAxisIndex: 0,
         emphasis: {