diff --git a/src/components/baozuo-demo/BottomCharts.vue b/src/components/baozuo-demo/BottomCharts.vue
index d0e1120..f4f54b6 100644
--- a/src/components/baozuo-demo/BottomCharts.vue
+++ b/src/components/baozuo-demo/BottomCharts.vue
@@ -21,7 +21,7 @@
-
+
diff --git a/src/components/baozuo-demo/LeftChart2.vue b/src/components/baozuo-demo/LeftChart2.vue
index 6ecdb71..46a9cd9 100644
--- a/src/components/baozuo-demo/LeftChart2.vue
+++ b/src/components/baozuo-demo/LeftChart2.vue
@@ -22,7 +22,6 @@ function getRecentSixMonths() {
return months;
}
-import { color } from 'chart.js/helpers';
import * as echarts from 'echarts';
export default {
name: 'RoseChart',
@@ -48,15 +47,15 @@ export default {
console.log(myChart)
this.option = {
title: {
- text: '近半年产量情况',
- // subtext: '完成率',
- // subtextStyle:{
- // fontSize:20,
- // fontWight:'bold',
- // color:'#fff'
- // },
+ text: '月生产情况',
+ subtext: '完成率',
+ subtextStyle:{
+ fontSize:20,
+ fontWight:'bold',
+ color:'#fff'
+ },
textStyle:{
- fontSize:30,
+ fontSize:25,
fontWight:'bold',
color:'#fff'
}
@@ -65,24 +64,12 @@ export default {
trigger: 'axis',
},
legend: {
- icon: 'rect',
- itemWidth: 20, // 色块宽度
- itemHeight: 20, // 色块高度
- itemGap: 40, // 图例之间的间距
- data: this.dataType == '整机' ?['整机线']:['整机', '机芯', '盖板'],
-
- textStyle: {
- color: '#fff',
- fontSize:30,
- fontWight:'bold'
+ data: this.dataType == '整机' ?['机芯1线', '机芯2线', '盖板线'] : ['整机线'],
+ textStyle:{
+ fontSize:25,
+ color:'#fff'
}
},
- grid: {
- left: '3%',
- right: '7%',
- bottom: '3%',
- containLabel: true
- },
toolbox: {
},
calculable: true,
@@ -95,7 +82,7 @@ export default {
}
},
axisLabel: {
- fontSize: 35, // 设置 Y 轴字体大小
+ fontSize: 20, // 设置 Y 轴字体大小
color: '#fff' // 可选:设置字体颜色
},
// prettier-ignore
@@ -111,19 +98,9 @@ export default {
}
},
axisLabel: {
- fontSize: 35, // 设置 Y 轴字体大小
- color: '#fff' // 可选:设置字体颜色
- },
- splitLine: {
- show: false, // 显示 y 轴辅助线
- lineStyle: {
- type: 'dashed', // 设置为虚线
- color: '#999', // 虚线颜色
- width: 2, // 虚线宽度
- height:1,
- dashArray: [15, 5]
- }
- },
+ fontSize: 20, // 设置 Y 轴字体大小
+ color: '#fff' // 可选:设置字体颜色
+ },
}
],
series:
@@ -142,25 +119,17 @@ export default {
]
},
markLine: {
- data: [{ type: 'average', name: 'Avg' }],
- lineStyle:{
- width: 2, // 虚线宽度
- },
- label:{
- fontSize:'20',
- // color:'red'
- }
+ data: [{ type: 'average', name: 'Avg' }]
}
}
]:
[
{
- name: '整机',
+ name: '机芯1线',
type: 'bar',
data: [
75, 65, 68, 69, 40, 82
],
- barWidth: 30, // 设置柱状图宽度为 20px
markPoint: {
data: [
{ type: 'max', name: 'Max' },
@@ -168,23 +137,15 @@ export default {
]
},
markLine: {
- data: [{ type: 'average', name: 'Avg' }],
- lineStyle:{
- width: 2, // 虚线宽度
- },
- label:{
- fontSize:'20',
- color:'#ffffff'
- }
+ data: [{ type: 'average', name: 'Avg' }]
}
},
{
- name: '机芯',
+ name: '机芯2线',
type: 'bar',
data: [
70, 75, 88, 85, 97, 85, 75, 78, 59, 80, 82, 63
],
- barWidth: 30, // 设置柱状图宽度为 20px
markPoint: {
data: [
{ name: 'Max', value: 182.2, xAxis: 7, yAxis: 183 },
@@ -192,23 +153,15 @@ export default {
]
},
markLine: {
- data: [{ type: 'average', name: 'Avg' }],
- lineStyle:{
- width: 2, // 虚线宽度
- },
- label:{
- fontSize:'20',
- color:'#ffffff'
- }
+ data: [{ type: 'average', name: 'Avg' }]
}
},
{
- name: '盖板',
+ name: '盖板线',
type: 'bar',
data: [
80, 85, 78, 75, 67, 45, 55, 68, 49, 50, 72, 93
],
- barWidth: 30, // 设置柱状图宽度为 20px
markPoint: {
data: [
{ name: 'Max', value: 182.2, xAxis: 7, yAxis: 183 },
@@ -216,14 +169,7 @@ export default {
]
},
markLine: {
- data: [{ type: 'average', name: 'Avg' }],
- lineStyle:{
- width: 2, // 虚线宽度
- },
- label:{
- fontSize:'20',
- color:'#ffffff'
- }
+ data: [{ type: 'average', name: 'Avg' }]
}
}
]