diff --git a/src/components/baozuo-demo/CenterCmp.vue b/src/components/baozuo-demo/CenterCmp.vue index 708b7cd..957d56b 100644 --- a/src/components/baozuo-demo/CenterCmp.vue +++ b/src/components/baozuo-demo/CenterCmp.vue @@ -220,77 +220,30 @@ export default { }); } var myChart = echarts.init(document.getElementById('echarts-new')); - // this.option = { - // xAxis: { - // type: 'category', - // data: this.rightData.map(item=>{return item.name}), - // axisLabel: { - // fontSize: 18, // 设置 Y 轴字体大小 - // color: '#fff', // 可选:设置字体颜色 - // }, - // }, - // yAxis: { - // type: 'value', - // splitLine: { - // show: false, // 显示 y 轴辅助线 - // }, - // axisLabel: { - // fontSize: 25, // 设置 Y 轴字体大小 - // color: '#fff', // 可选:设置字体颜色 - // // 只显示偶数的 y 轴标签 - // }, - - // }, - // series: [ - // { - // data: this.rightData.map(item=>{return item.value}), - // type: 'bar', - // showBackground: true, - // backgroundStyle: { - // color: 'rgba(180, 180, 180, 0.2)' - // }, - // barWidth: '60%', - // itemStyle: { - // borderRadius: [5, 5, 0, 0], // 顶部圆角,模拟切除效果 - // color: { - // type: 'linear', // 线性渐变 - // x: 0, // 从左到右 - // y: 0, - // x2: 0, // 从下到上 - // y2: 1, - // colorStops: [ - // { offset: 0, color: '#3399FF' }, // 浅蓝色,起始颜色 - // { offset: 0.5, color: '#08e5ff' }, // 浅蓝色,起始颜色 - - // { offset: 1, color: '#F4f4f4' } // 白色,结束颜色 - // ] - // } - // } - // } - // ] - // }; - this.option = { xAxis: { type: 'category', data: categories, axisLabel: { - fontSize: 19, // 设置 Y 轴字体大小 + fontSize: 23, // 设置 Y 轴字体大小 color: '#fff', // 可选:设置字体颜色 - fontWight:'bold' + fontWight:'bold', + interval: 0 // 强制显示所有标签 }, + }, yAxis: { type: 'value', max: 100, - // axisLine: { show: false }, + axisLine: { show: true }, splitLine: { show: false, // 显示 y 轴辅助线 }, axisLabel: { fontSize: 25, // 设置 Y 轴字体大小 color: '#fff', // 可选:设置字体颜色 - // 只显示偶数的 y 轴标签 + fontWight:'bold', + formatter: '{value}%' // 在每一个值后面添加 % }, }, series: series diff --git a/src/components/baozuo-demo/index.vue b/src/components/baozuo-demo/index.vue index 882eaad..055cab7 100644 --- a/src/components/baozuo-demo/index.vue +++ b/src/components/baozuo-demo/index.vue @@ -72,9 +72,9 @@ export default { this.dataType = ''; // 如果不是 '1',则设置为空 } - // setInterval(() => { - // this.switchType = this.switchType == 1 ? 2 : 1 - // }, 15000); // 10000 毫秒 = 10 秒 + setInterval(() => { + this.switchType = this.switchType == 1 ? 2 : 1 + }, 15000); // 10000 毫秒 = 10 秒 }, data() { return { diff --git a/src/components/baozuo-demo/topHeader.vue b/src/components/baozuo-demo/topHeader.vue index 8570423..2737b00 100644 --- a/src/components/baozuo-demo/topHeader.vue +++ b/src/components/baozuo-demo/topHeader.vue @@ -3,7 +3,7 @@ -
{{Name}}
+
{{Name}}
@@ -39,7 +39,7 @@ export default { // font-size: 30px; font-weight: bold; left: 50%; - top: 0.15rem; + top: 0.1rem; transform: translateX(-50%); }