diff --git a/src/components/visual/article/index.vue b/src/components/visual/article/index.vue
index 115eb44b1cfb63a7da9a366f29b946490296c9bc..2662ca14121aa22c1b3f02036d4a2b4feca1580e 100644
--- a/src/components/visual/article/index.vue
+++ b/src/components/visual/article/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <div id="barChartId" style="width:100vw;height:300px;margin: 0 auto"></div>
+    <div id="barChartId" style="width:100vw;height:200px;margin: 0 auto"></div>
 </template>
 <script setup>
     import * as echarts from 'echarts';
@@ -101,6 +101,9 @@ function renderEchartBar() {
             {
                 data: state.dataSource.map(item => item.score),
                 type: 'bar',
+                itemStyle: {
+                        color:'linear-gradient(to top, #2980b9, #6dd5fa, #ffffff)',
+                        },
                 showBackground: true,
                 backgroundStyle: {
                     color: 'rgba(180, 180, 180, 0.2)'
@@ -121,6 +124,7 @@ function renderEchartBar() {
                 },
                 markLine: {
                     itemStyle: {
+                        color:'#ffffff',
                         normal: {
                             lineStyle:
                             {
diff --git a/src/components/visual/commit/index.vue b/src/components/visual/commit/index.vue
index 4a9331d82532500fd4ca6d79d94a0fb732104da2..410935c349e50d5b768b8429631ebdaa78629f66 100644
--- a/src/components/visual/commit/index.vue
+++ b/src/components/visual/commit/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <div id="lineChartId" style="width:100vw;height:300px;margin: 0 auto"></div>
+    <div id="lineChartId" style="width:100vw;height:200px;margin: 0 auto"></div>
 </template>
 <script setup>
     import * as echarts from 'echarts';
diff --git a/src/components/visual/hub/index.vue b/src/components/visual/hub/index.vue
index 658cb6fcd63390623a03713df40f829d3f5b2e30..e10582b6977176142825ea376d7ff3d675299dcc 100644
--- a/src/components/visual/hub/index.vue
+++ b/src/components/visual/hub/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <div id="pieChartId" style="width:800px;height:300px;margin: 0 auto"></div>
+    <div id="pieChartId" style="width:100%;height:300px;margin: 0 auto"></div>
 </template>
 <script setup>
     import * as echarts from 'echarts';