Tue Jan 2 07:25:00 CST 2024 inscode

src/components/visual/article/index.vue

 <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:
                             {

src/components/visual/commit/index.vue

 <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';

src/components/visual/hub/index.vue

 <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';