# SPC 案例
<template>
<section
style="width: 100%;
height: calc(100% - 20px);
padding-top: 20px;
background-color: goldenrod;">
<el-radio-group
style="padding: 30px 0;
text-align: center;
margin: auto;
display: block;"
v-model="model">
<el-radio-button label="单图表"></el-radio-button>
<el-radio-button label="多图表"></el-radio-button>
</el-radio-group>
<oce-spc
style="background-color: #fff;
width: calc(100% - 20px);
height: 500px;
margin: auto;"
ref="spc"
v-if="model == '单图表'"
:lineStyleDic="lineStyleDic"
:markLineDic="markLineDic"
:pointStyleDic="pointStyleDic"
:spcData="spcList[0]"
:isInsideDataZoom="true" />
<oce-group-spc
style="height: calc(100% - 200px);
overflow: auto;
background-color: #fff;
width: calc(100% - 20px);;
height: 500px;
margin: auto;"
ref="groupSpc"
v-else
: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": "18.21",
"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": "default",
"height": "400px"
},
{
"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"
}
}
},
"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"
}
}
},
"code": 200,
"msg": "状所何时打过者听是争生育属。"
}
export default {
name: 'SPCDemo',
data() {
return {
model: '单图表',
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