# SPC Y轴限值
<template>
<section
style="
width: 100%;
height: calc(100% - 20px);
padding-top: 20px;
background-color: goldenrod;
">
<oce-group-spc
style="
height: calc(100% - 200px);
overflow: auto;
background-color: #fff;
width: calc(100% - 20px);
height: 500px;
margin: auto;
"
ref="groupSpc"
:lineStyleDic="lineStyleDic"
:markLineDic="markLineDic"
:pointStyleDic="pointStyleDic"
:spcList="spcList" />
</section>
</template>
<script>
const mockData = {
data: {
title: '候从开',
spcList: [
{
name: 'Jackson',
data: [
{
product: '901',
value: '11.39',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '902',
value: '14.69',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '903',
value: '12.22',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '904',
value: '12.91',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '905',
value: NaN,
markLine: 'default',
pointStyle: 'danger',
},
{
product: '906',
value: '10.88',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '907',
value: '13.83',
markLine: 'type1',
pointStyle: 'primary',
},
{
product: '908',
value: '18.54',
markLine: 'type1',
pointStyle: 'warning',
},
{
product: '909',
value: '18.68',
markLine: 'type1',
pointStyle: 'warning',
},
{
product: '910',
value: '19.36',
markLine: 'type1',
pointStyle: 'warning',
},
{
product: '911',
value: '12.87',
markLine: 'type1',
pointStyle: 'warning',
},
{
product: '912',
value: '17.44',
markLine: 'type1',
pointStyle: 'primary',
},
{
product: '913',
value: '19.65',
markLine: 'type1',
pointStyle: 'primary',
},
{
product: '914',
value: '11.42',
markLine: 'type1',
pointStyle: 'danger',
},
{
product: '915',
value: '13.54',
markLine: 'type1',
pointStyle: 'warning',
},
{
product: '916',
value: '19.74',
markLine: 'type1',
pointStyle: 'primary',
},
{
product: '917',
value: '10.82',
markLine: 'type1',
pointStyle: 'danger',
},
{
product: '918',
value: '13.58',
markLine: 'type1',
pointStyle: 'warning',
},
{
product: '919',
value: '10.22',
markLine: 'type1',
pointStyle: 'primary',
},
{
product: '920',
value: '19.57',
markLine: 'type1',
pointStyle: 'warning',
},
{
product: '921',
value: '12.79',
markLine: 'type1',
pointStyle: 'warning',
},
{
product: '922',
value: '15.37',
markLine: 'type1',
pointStyle: 'danger',
},
{
product: '923',
value: '16.79',
markLine: 'type1',
pointStyle: 'primary',
},
{
product: '924',
value: '13.04',
markLine: 'type1',
pointStyle: 'danger',
},
{
product: '925',
value: '16.56',
markLine: 'type1',
pointStyle: 'danger',
},
{
product: '926',
value: '12.79',
markLine: 'type1',
pointStyle: 'danger',
},
{
product: '927',
value: '18.64',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '928',
value: '18.12',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '929',
value: '15.31',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '930',
value: '12.22',
markLine: 'default',
pointStyle: 'danger',
},
],
lineStyle: 'type2',
height: '400px',
yAxis: {
min: 0, // 坐标轴刻度最小值
max: 0.03, // 坐标轴刻度最大值。
}
},
{
name: 'Hernandez',
data: [
{
product: '931',
value: '11.06',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '932',
value: '19.24',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '933',
value: '14.67',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '934',
value: '19.14',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '935',
value: '17.84',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '936',
value: '18.59',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '937',
value: '17.75',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '938',
value: '12.33',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '939',
value: '11.25',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '940',
value: '13.27',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '941',
value: '16.84',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '942',
value: '17.87',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '943',
value: '15.76',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '944',
value: '20.66',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '945',
value: '15.71',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '946',
value: '20.86',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '947',
value: '20.49',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '948',
value: '15.03',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '949',
value: '11.12',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '950',
value: '19.75',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '951',
value: '10.49',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '952',
value: '18.34',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '953',
value: '14.14',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '954',
value: '14.06',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '955',
value: '15.97',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '956',
value: '10.54',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '957',
value: '15.38',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '958',
value: '17.34',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '959',
value: '16.87',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '960',
value: '19.68',
markLine: 'default',
pointStyle: 'primary',
},
],
lineStyle: 'default',
height: '400px',
},
{
name: 'Brown',
data: [
{
product: '961',
value: '15.48',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '962',
value: '12.84',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '963',
value: '16.85',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '964',
value: '17.56',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '965',
value: '14.78',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '966',
value: '17.53',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '967',
value: '14.73',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '968',
value: '16.93',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '969',
value: '19.85',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '970',
value: '13.78',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '971',
value: '11.02',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '972',
value: '15.73',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '973',
value: '18.05',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '974',
value: '18.33',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '975',
value: '12.38',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '976',
value: '14.58',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '977',
value: '13.92',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '978',
value: '11.52',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '979',
value: '14.11',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '980',
value: '18.82',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '981',
value: '16.65',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '982',
value: '12.82',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '983',
value: '10.13',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '984',
value: '12.65',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '985',
value: '19.49',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '986',
value: '18.38',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '987',
value: '15.21',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '988',
value: '12.15',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '989',
value: '11.84',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '990',
value: '19.83',
markLine: 'default',
pointStyle: 'warning',
},
],
lineStyle: 'default',
height: '400px',
},
{
name: 'Hernandez',
data: [
{
product: '991',
value: '18.24',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '992',
value: '12.84',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '993',
value: '15.43',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '994',
value: '15.88',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '995',
value: '18.68',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '996',
value: '12.51',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '997',
value: '20.82',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '998',
value: '12.56',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '999',
value: '16.45',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1000',
value: '14.54',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1001',
value: '16.38',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1002',
value: '18.26',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1003',
value: '19.44',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1004',
value: '15.97',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1005',
value: '14.17',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1006',
value: '18.33',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1007',
value: '11.94',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1008',
value: '11.35',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1009',
value: '20.22',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1010',
value: '18.54',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1011',
value: '10.67',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1012',
value: '13.43',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1013',
value: '15.01',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1014',
value: '14.18',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1015',
value: '13.15',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1016',
value: '12.92',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1017',
value: '12.19',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1018',
value: '12.56',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1019',
value: '16.77',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1020',
value: '18.12',
markLine: 'default',
pointStyle: 'warning',
},
],
lineStyle: 'default',
height: '400px',
},
{
name: 'Harris',
data: [
{
product: '1021',
value: '13.11',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1022',
value: '11.95',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1023',
value: '16.64',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1024',
value: '15.53',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1025',
value: '15.05',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1026',
value: '19.65',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1027',
value: '19.64',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1028',
value: '16.04',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1029',
value: '13.43',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1030',
value: '19.52',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1031',
value: '15.41',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1032',
value: '17.73',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1033',
value: '16.49',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1034',
value: '12.65',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1035',
value: '10.36',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1036',
value: '13.95',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1037',
value: '18.91',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1038',
value: '19.42',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1039',
value: '12.52',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1040',
value: '12.16',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1041',
value: '15.97',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1042',
value: '14.71',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1043',
value: '16.78',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1044',
value: '18.97',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1045',
value: '10.08',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1046',
value: '19.31',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1047',
value: '18.01',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1048',
value: '13.76',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1049',
value: '20.63',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1050',
value: '16.14',
markLine: 'default',
pointStyle: 'primary',
},
],
lineStyle: 'default',
height: '400px',
},
{
name: 'Garcia',
data: [
{
product: '1051',
value: '14.72',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1052',
value: '17.13',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1053',
value: '14.89',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1054',
value: '14.34',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1055',
value: '11.46',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1056',
value: '14.78',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1057',
value: '19.39',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1058',
value: '19.86',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1059',
value: '18.54',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1060',
value: '13.95',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1061',
value: '13.62',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1062',
value: '18.96',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1063',
value: '18.48',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1064',
value: '19.96',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1065',
value: '14.35',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1066',
value: '10.74',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1067',
value: '13.82',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1068',
value: '12.66',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1069',
value: '19.82',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1070',
value: '16.67',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1071',
value: '16.94',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1072',
value: '13.73',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1073',
value: '14.57',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1074',
value: '19.36',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1075',
value: '11.95',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1076',
value: '17.38',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1077',
value: '11.94',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1078',
value: '14.05',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1079',
value: '18.98',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1080',
value: '20.56',
markLine: 'default',
pointStyle: 'primary',
},
],
lineStyle: 'default',
height: '400px',
},
{
name: 'Jackson',
data: [
{
product: '1081',
value: '19.73',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1082',
value: '16.33',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1083',
value: '12.32',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1084',
value: '11.39',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1085',
value: '18.43',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1086',
value: '16.25',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1087',
value: '20.27',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1088',
value: '11.44',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1089',
value: '16.42',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1090',
value: '15.55',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1091',
value: '18.25',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1092',
value: '10.26',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1093',
value: '18.01',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1094',
value: '20.92',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1095',
value: '14.56',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1096',
value: '19.78',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1097',
value: '14.45',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1098',
value: '12.64',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1099',
value: '19.44',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1100',
value: '14.84',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1101',
value: '19.99',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1102',
value: '18.45',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1103',
value: '13.62',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1104',
value: '17.01',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1105',
value: '17.62',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1106',
value: '11.13',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1107',
value: '16.27',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1108',
value: '11.16',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1109',
value: '15.61',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1110',
value: '11.52',
markLine: 'default',
pointStyle: 'warning',
},
],
lineStyle: 'default',
height: '400px',
},
{
name: 'Johnson',
data: [
{
product: '1111',
value: '14.87',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1112',
value: '13.05',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1113',
value: '19.75',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1114',
value: '11.52',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1115',
value: '16.77',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1116',
value: '11.24',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1117',
value: '16.32',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1118',
value: '13.23',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1119',
value: '13.11',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1120',
value: '13.12',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1121',
value: '15.66',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1122',
value: '12.13',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1123',
value: '14.33',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1124',
value: '11.93',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1125',
value: '18.26',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1126',
value: '13.45',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1127',
value: '15.47',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1128',
value: '20.68',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1129',
value: '14.75',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1130',
value: '12.56',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1131',
value: '10.18',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1132',
value: '16.28',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1133',
value: '14.15',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1134',
value: '18.08',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1135',
value: '14.39',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1136',
value: '11.78',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1137',
value: '19.39',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1138',
value: '19.43',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1139',
value: '16.16',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1140',
value: '13.47',
markLine: 'default',
pointStyle: 'warning',
},
],
lineStyle: 'default',
height: '400px',
},
{
name: 'Perez',
data: [
{
product: '1141',
value: '17.53',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1142',
value: '14.73',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1143',
value: '14.23',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1144',
value: '16.32',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1145',
value: '20.29',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1146',
value: '12.53',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1147',
value: '16.85',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1148',
value: '13.52',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1149',
value: '11.55',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1150',
value: '16.87',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1151',
value: '20.35',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1152',
value: '18.35',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1153',
value: '13.24',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1154',
value: '19.02',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1155',
value: '16.47',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1156',
value: '15.58',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1157',
value: '14.45',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1158',
value: '16.05',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1159',
value: '20.48',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1160',
value: '16.73',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1161',
value: '14.88',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1162',
value: '14.36',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1163',
value: '17.88',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1164',
value: '16.85',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1165',
value: '15.75',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1166',
value: '19.68',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1167',
value: '13.86',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1168',
value: '10.34',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1169',
value: '12.45',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1170',
value: '19.95',
markLine: 'default',
pointStyle: 'primary',
},
],
lineStyle: 'default',
height: '400px',
},
{
name: 'Gonzalez',
data: [
{
product: '1171',
value: '14.38',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1172',
value: '14.77',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1173',
value: '19.49',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1174',
value: '19.11',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1175',
value: '17.18',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1176',
value: '12.52',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1177',
value: '12.53',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1178',
value: '16.81',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1179',
value: '10.55',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1180',
value: '19.88',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1181',
value: '17.36',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1182',
value: '15.74',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1183',
value: '18.65',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1184',
value: '10.08',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1185',
value: '20.46',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1186',
value: '11.54',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1187',
value: '11.63',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1188',
value: '14.32',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1189',
value: '10.83',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1190',
value: '11.26',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1191',
value: '17.72',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1192',
value: '15.67',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1193',
value: '17.42',
markLine: 'default',
pointStyle: 'danger',
},
{
product: '1194',
value: '11.09',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1195',
value: '12.48',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1196',
value: '19.16',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1197',
value: '16.34',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1198',
value: '13.71',
markLine: 'default',
pointStyle: 'warning',
},
{
product: '1199',
value: '10.94',
markLine: 'default',
pointStyle: 'primary',
},
{
product: '1200',
value: '14.95',
markLine: 'default',
pointStyle: 'primary',
},
],
lineStyle: 'default',
height: '400px',
},
],
lineStyleDic: {
default: {
USL: {
type: 'marking',
color: '#f279c6',
lineType: 'dashed',
width: '1',
},
'LCL-2': {
type: 'marking',
color: '#79e9f2',
lineType: 'dashed',
width: '1',
},
'UCL-1': {
type: 'marking',
color: '#f2d779',
lineType: 'dashed',
width: '1',
},
'LCL-1': {
type: 'marking',
color: '#b479f2',
lineType: 'dashed',
width: '1',
},
'UCL-data': {
type: 'marking',
color: '#79f290',
lineType: 'dashed',
width: '1',
},
CL: {
type: 'marking',
color: '#f27984',
lineType: 'dashed',
width: '1',
},
'LCL-data': {
type: 'marking',
color: '#79a7f2',
lineType: 'dashed',
width: '1',
},
LSL: {
type: 'marking',
color: '#cbf279',
lineType: 'dashed',
width: '1',
},
'UCL-2': {
type: 'marking',
color: '#f279ee',
lineType: 'dashed',
width: '1',
},
value: {
type: 'value',
color: '#79f2d2',
lineType: 'solid',
width: '1',
},
},
type2: {
value: {
type: 'value',
color: '#79f2d2',
lineType: 'solid',
width: '1',
},
},
},
pointStyleDic: {
default: {
color: '#f2af79',
symbol: 'diamond',
},
danger: {
color: '#8b79f2',
symbol: 'arrow',
},
warning: {
color: '#89f279',
symbol: 'pin',
},
primary: {
color: '#f279ad',
symbol: 'roundRect',
},
},
markLineDic: {
default: {
USL: '19',
'LCL-2': '14',
'UCL-1': '13',
'LCL-1': '15',
'UCL-data': '16',
CL: '17',
'LCL-data': '18',
LSL: '11',
'UCL-2': '12',
},
type1: {
USL: '18.5',
'LCL-2': '14',
'UCL-1': '13',
'LCL-1': '15',
'UCL-data': '16',
CL: '17',
'LCL-data': '18',
LSL: '11',
'UCL-2': '12',
},
type2: {
// "USL": "0.1",
},
},
},
code: 200,
msg: '状所何时打过者听是争生育属。',
}
export default {
name: 'spcAccuracyDemo',
data() {
mockData.data.spcList.forEach((item, index) => {
if(index) return
item.data.map(el => {
el.value = Number(el.value) / 1000
el.markLine = 'type2'
})
})
return {
lineStyleDic: mockData.data.lineStyleDic, // 线样式列表
markLineDic: mockData.data.markLineDic, // 辅助线值列表
pointStyleDic: mockData.data.pointStyleDic, // 点样式列表
spcList: mockData.data.spcList,
}
},
props: {},
components: {},
watch: {},
computed: {},
methods: {
datazoom(params) {
console.log(params)
},
},
created() {},
mounted() {},
}
</script>
<style scoped lang="scss"></style>
Expand Copy Copy
← SPC 案例 vxe表格指定条件行合并 →