Add Chart Code For Safwan
Add Chart Code For Safwan
[Link]((prevState) => ({
LowerLimit: {
...[Link],
l0: [Link],
},
UpperLimit: {
...[Link],
u0: [Link],
},
AverageLimit: {
...[Link],
a0: [Link][0].toString(),
},
Mean: {
...[Link],
m0: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s0: [Link][1].toString(),
},
options0: {
...prevState.options0,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: {
text: "Lower Control Limit (\u03BC-3\u03C3)",
},
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: {
text: "Upper Control Limit (\u03BC+3\u03C3)",
},
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: {
text: "Mean (\u03BC)",
},
},
],
},
series: [
{
...[Link],
name: "Data",
data: [Link],
tooltip: {
valueDecimals: 4,
},
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[0],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: {
color: "white",
},
states: {
hover: {
fillColor: "#d50000",
},
},
},
],
},
}));
if (ChartDisplay[1] === 1) {
var Chart1 = GetChartData(DataStepsArrayForChart[1]);
FailDateFlagForChart[1].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l1: [Link],
},
UpperLimit: {
...[Link],
u1: [Link],
},
AverageLimit: {
...[Link],
a1: [Link][0].toString(),
},
Mean: {
...[Link],
m1: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s1: [Link][1].toString(),
},
options1: {
...prevState.options1,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[1],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l1: [Link],
},
UpperLimit: {
...[Link],
u1: [Link],
},
AverageLimit: {
...[Link],
a1: [Link][0].toString(),
},
Mean: {
...[Link],
m1: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s1: [Link][1].toString(),
},
options1: {
...prevState.options1,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[1],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[2] === 1) {
var Chart2 = GetChartData(DataStepsArrayForChart[2]);
[Link]("Chart2:", Chart2);
[Link]("FailDateFlagForChart:", FailDateFlagForChart);
FailDateFlagForChart[2].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l2: [Link],
},
UpperLimit: {
...[Link],
u2: [Link],
},
AverageLimit: {
...[Link],
a2: [Link][0].toString(),
},
Mean: {
...[Link],
m2: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s2: [Link][1].toString(),
},
options2: {
...prevState.options2,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[2],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l2: [Link],
},
UpperLimit: {
...[Link],
u2: [Link],
},
AverageLimit: {
...[Link],
a2: [Link][0].toString(),
},
Mean: {
...[Link],
m2: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s2: [Link][1].toString(),
},
options2: {
...prevState.options2,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[2],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[3] === 1) {
var Chart3 = GetChartData(DataStepsArrayForChart[3]);
[Link]("[Link]:", [Link]);
FailDateFlagForChart[3].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l3: [Link],
},
UpperLimit: {
...[Link],
u3: [Link],
},
AverageLimit: {
...[Link],
a3: [Link][0].toString(),
},
Mean: {
...[Link],
m3: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s3: [Link][1].toString(),
},
options3: {
...prevState.options3,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[3],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l3: [Link],
},
UpperLimit: {
...[Link],
u3: [Link],
},
AverageLimit: {
...[Link],
a3: [Link][0].toString(),
},
Mean: {
...[Link],
m3: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s3: [Link][1].toString(),
},
options3: {
...prevState.options3,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[3],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[4] === 1) {
var Chart4 = GetChartData(DataStepsArrayForChart[4]);
FailDateFlagForChart[4].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l4: [Link],
},
UpperLimit: {
...[Link],
u4: [Link],
},
AverageLimit: {
...[Link],
a4: [Link][0].toString(),
},
Mean: {
...[Link],
m4: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s4: [Link][1].toString(),
},
options4: {
...prevState.options4,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[4],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l4: [Link],
},
UpperLimit: {
...[Link],
u4: [Link],
},
AverageLimit: {
...[Link],
a4: [Link][0].toString(),
},
Mean: {
...[Link],
m4: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s4: [Link][1].toString(),
},
options4: {
...prevState.options4,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[4],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[5] === 1) {
var Chart5 = GetChartData(DataStepsArrayForChart[5]);
FailDateFlagForChart[5].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l5: [Link],
},
UpperLimit: {
...[Link],
u5: [Link],
},
AverageLimit: {
...[Link],
a5: [Link][0].toString(),
},
Mean: {
...[Link],
m5: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s5: [Link][1].toString(),
},
options5: {
...prevState.options5,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[5],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l5: [Link],
},
UpperLimit: {
...[Link],
u5: [Link],
},
AverageLimit: {
...[Link],
a5: [Link][0].toString(),
},
Mean: {
...[Link],
m5: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s5: [Link][1].toString(),
},
options5: {
...prevState.options5,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[5],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[6] === 1) {
var Chart6 = GetChartData(DataStepsArrayForChart[6]);
FailDateFlagForChart[6].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l6: [Link],
},
UpperLimit: {
...[Link],
u6: [Link],
},
AverageLimit: {
...[Link],
a6: [Link][0].toString(),
},
Mean: {
...[Link],
m6: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s6: [Link][1].toString(),
},
options6: {
...prevState.options6,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[6],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l6: [Link],
},
UpperLimit: {
...[Link],
u6: [Link],
},
AverageLimit: {
...[Link],
a6: [Link][0].toString(),
},
Mean: {
...[Link],
m6: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s6: [Link][1].toString(),
},
options6: {
...prevState.options6,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[6],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[7] === 1) {
var Chart7 = GetChartData(DataStepsArrayForChart[7]);
[Link]("[Link]:", [Link]);
FailDateFlagForChart[7].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l7: [Link],
},
UpperLimit: {
...[Link],
u7: [Link],
},
AverageLimit: {
...[Link],
a7: [Link][0].toString(),
},
Mean: {
...[Link],
m7: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s7: [Link][1].toString(),
},
options7: {
...prevState.options7,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[7],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l7: [Link],
},
UpperLimit: {
...[Link],
u7: [Link],
},
AverageLimit: {
...[Link],
a7: [Link][0].toString(),
},
Mean: {
...[Link],
m7: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s7: [Link][1].toString(),
},
options7: {
...prevState.options7,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[7],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[8] === 1) {
var Chart8 = GetChartData(DataStepsArrayForChart[8]);
FailDateFlagForChart[8].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l8: [Link],
},
UpperLimit: {
...[Link],
u8: [Link],
},
AverageLimit: {
...[Link],
a8: [Link][0].toString(),
},
Mean: {
...[Link],
m8: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s8: [Link][1].toString(),
},
options8: {
...prevState.options8,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[8],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l8: [Link],
},
UpperLimit: {
...[Link],
u8: [Link],
},
AverageLimit: {
...[Link],
a8: [Link][0].toString(),
},
Mean: {
...[Link],
m8: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s8: [Link][1].toString(),
},
options8: {
...prevState.options8,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[8],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[9] === 1) {
var Chart9 = GetChartData(DataStepsArrayForChart[9]);
FailDateFlagForChart[9].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l9: [Link],
},
UpperLimit: {
...[Link],
u9: [Link],
},
AverageLimit: {
...[Link],
a9: [Link][0].toString(),
},
Mean: {
...[Link],
m9: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s9: [Link][1].toString(),
},
options9: {
...prevState.options9,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[9],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l9: [Link],
},
UpperLimit: {
...[Link],
u9: [Link],
},
AverageLimit: {
...[Link],
a9: [Link][0].toString(),
},
Mean: {
...[Link],
m9: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s9: [Link][1].toString(),
},
options9: {
...prevState.options9,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[9],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[10] === 1) {
var Chart10 = GetChartData(DataStepsArrayForChart[10]);
FailDateFlagForChart[10].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l10: [Link],
},
UpperLimit: {
...[Link],
u10: [Link],
},
AverageLimit: {
...[Link],
a10: [Link][0].toString(),
},
Mean: {
...[Link],
m10: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s10: [Link][1].toString(),
},
options10: {
...prevState.options10,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[10],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l10: [Link],
},
UpperLimit: {
...[Link],
u10: [Link],
},
AverageLimit: {
...[Link],
a10: [Link][0].toString(),
},
Mean: {
...[Link],
m10: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s10: [Link][1].toString(),
},
options10: {
...prevState.options10,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[10],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[11] === 1) {
var Chart11 = GetChartData(DataStepsArrayForChart[11]);
FailDateFlagForChart[11].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l11: [Link],
},
UpperLimit: {
...[Link],
u11: [Link],
},
AverageLimit: {
...[Link],
a11: [Link][0].toString(),
},
Mean: {
...[Link],
m11: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s11: [Link][1].toString(),
},
options11: {
...prevState.options11,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[11],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l11: [Link],
},
UpperLimit: {
...[Link],
u11: [Link],
},
AverageLimit: {
...[Link],
a11: [Link][0].toString(),
},
Mean: {
...[Link],
m11: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s11: [Link][1].toString(),
},
options11: {
...prevState.options11,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[11],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[12] === 1) {
var Chart12 = GetChartData(DataStepsArrayForChart[12]);
FailDateFlagForChart[12].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l12: [Link],
},
UpperLimit: {
...[Link],
u12: [Link],
},
AverageLimit: {
...[Link],
a12: [Link][0].toString(),
},
Mean: {
...[Link],
m12: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s12: [Link][1].toString(),
},
options12: {
...prevState.options12,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[12],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l12: [Link],
},
UpperLimit: {
...[Link],
u12: [Link],
},
AverageLimit: {
...[Link],
a12: [Link][0].toString(),
},
Mean: {
...[Link],
m12: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s12: [Link][1].toString(),
},
options12: {
...prevState.options12,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[12],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[13] === 1) {
var Chart13 = GetChartData(DataStepsArrayForChart[13]);
FailDateFlagForChart[13].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l13: [Link],
},
UpperLimit: {
...[Link],
u13: [Link],
},
AverageLimit: {
...[Link],
a13: [Link][0].toString(),
},
Mean: {
...[Link],
m13: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s13: [Link][1].toString(),
},
options13: {
...prevState.options13,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[13],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l13: [Link],
},
UpperLimit: {
...[Link],
u13: [Link],
},
AverageLimit: {
...[Link],
a13: [Link][0].toString(),
},
Mean: {
...[Link],
m13: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s13: [Link][1].toString(),
},
options13: {
...prevState.options13,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[13],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[14] === 1) {
var Chart14 = GetChartData(DataStepsArrayForChart[14]);
FailDateFlagForChart[14].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l14: [Link],
},
UpperLimit: {
...[Link],
u14: [Link],
},
AverageLimit: {
...[Link],
a14: [Link][0].toString(),
},
Mean: {
...[Link],
m14: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s14: [Link][1].toString(),
},
options14: {
...prevState.options14,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[14],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l14: [Link],
},
UpperLimit: {
...[Link],
u14: [Link],
},
AverageLimit: {
...[Link],
a14: [Link][0].toString(),
},
Mean: {
...[Link],
m14: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s14: [Link][1].toString(),
},
options14: {
...prevState.options14,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[14],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[15] === 1) {
var Chart15 = GetChartData(DataStepsArrayForChart[15]);
FailDateFlagForChart[15].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l15: [Link],
},
UpperLimit: {
...[Link],
u15: [Link],
},
AverageLimit: {
...[Link],
a15: [Link][0].toString(),
},
Mean: {
...[Link],
m15: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s15: [Link][1].toString(),
},
options15: {
...prevState.options15,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[15],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l15: [Link],
},
UpperLimit: {
...[Link],
u15: [Link],
},
AverageLimit: {
...[Link],
a15: [Link][0].toString(),
},
Mean: {
...[Link],
m15: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s15: [Link][1].toString(),
},
options15: {
...prevState.options15,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[15],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[16] === 1) {
var Chart16 = GetChartData(DataStepsArrayForChart[16]);
FailDateFlagForChart[16].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l16: [Link],
},
UpperLimit: {
...[Link],
u16: [Link],
},
AverageLimit: {
...[Link],
a16: [Link][0].toString(),
},
Mean: {
...[Link],
m16: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s16: [Link][1].toString(),
},
options16: {
...prevState.options16,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[16],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l16: [Link],
},
UpperLimit: {
...[Link],
u16: [Link],
},
AverageLimit: {
...[Link],
a16: [Link][0].toString(),
},
Mean: {
...[Link],
m16: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s16: [Link][1].toString(),
},
options16: {
...prevState.options16,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[16],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[17] === 1) {
var Chart17 = GetChartData(DataStepsArrayForChart[17]);
FailDateFlagForChart[17].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l17: [Link],
},
UpperLimit: {
...[Link],
u17: [Link],
},
AverageLimit: {
...[Link],
a17: [Link][0].toString(),
},
Mean: {
...[Link],
m17: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s17: [Link][1].toString(),
},
options17: {
...prevState.options17,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[17],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l17: [Link],
},
UpperLimit: {
...[Link],
u17: [Link],
},
AverageLimit: {
...[Link],
a17: [Link][0].toString(),
},
Mean: {
...[Link],
m17: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s17: [Link][1].toString(),
},
options17: {
...prevState.options17,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[17],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[18] === 1) {
var Chart18 = GetChartData(DataStepsArrayForChart[18]);
FailDateFlagForChart[18].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l18: [Link],
},
UpperLimit: {
...[Link],
u18: [Link],
},
AverageLimit: {
...[Link],
a18: [Link][0].toString(),
},
Mean: {
...[Link],
m18: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s18: [Link][1].toString(),
},
options18: {
...prevState.options18,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[18],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l18: [Link],
},
UpperLimit: {
...[Link],
u18: [Link],
},
AverageLimit: {
...[Link],
a18: [Link][0].toString(),
},
Mean: {
...[Link],
m18: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s18: [Link][1].toString(),
},
options18: {
...prevState.options18,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[18],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[19] === 1) {
var Chart19 = GetChartData(DataStepsArrayForChart[19]);
FailDateFlagForChart[19].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l19: [Link],
},
UpperLimit: {
...[Link],
u19: [Link],
},
AverageLimit: {
...[Link],
a19: [Link][0].toString(),
},
Mean: {
...[Link],
m19: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s19: [Link][1].toString(),
},
options19: {
...prevState.options19,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[19],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l19: [Link],
},
UpperLimit: {
...[Link],
u19: [Link],
},
AverageLimit: {
...[Link],
a19: [Link][0].toString(),
},
Mean: {
...[Link],
m19: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s19: [Link][1].toString(),
},
options19: {
...prevState.options19,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[19],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[20] === 1) {
var Chart20 = GetChartData(DataStepsArrayForChart[20]);
FailDateFlagForChart[20].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l20: [Link],
},
UpperLimit: {
...[Link],
u20: [Link],
},
AverageLimit: {
...[Link],
a20: [Link][0].toString(),
},
Mean: {
...[Link],
m20: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s20: [Link][1].toString(),
},
options20: {
...prevState.options20,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[20],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l20: [Link],
},
UpperLimit: {
...[Link],
u20: [Link],
},
AverageLimit: {
...[Link],
a20: [Link][0].toString(),
},
Mean: {
...[Link],
m20: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s20: [Link][1].toString(),
},
options20: {
...prevState.options20,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[20],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[21] === 1) {
var Chart21 = GetChartData(DataStepsArrayForChart[21]);
FailDateFlagForChart[21].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l21: [Link],
},
UpperLimit: {
...[Link],
u21: [Link],
},
AverageLimit: {
...[Link],
a21: [Link][0].toString(),
},
Mean: {
...[Link],
m21: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s21: [Link][1].toString(),
},
options21: {
...prevState.options21,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[21],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l21: [Link],
},
UpperLimit: {
...[Link],
u21: [Link],
},
AverageLimit: {
...[Link],
a21: [Link][0].toString(),
},
Mean: {
...[Link],
m21: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s21: [Link][1].toString(),
},
options21: {
...prevState.options21,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[21],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[22] === 1) {
var Chart22 = GetChartData(DataStepsArrayForChart[22]);
FailDateFlagForChart[22].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l22: [Link],
},
UpperLimit: {
...[Link],
u22: [Link],
},
AverageLimit: {
...[Link],
a22: [Link][0].toString(),
},
Mean: {
...[Link],
m22: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s22: [Link][1].toString(),
},
options22: {
...prevState.options22,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[22],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l22: [Link],
},
UpperLimit: {
...[Link],
u22: [Link],
},
AverageLimit: {
...[Link],
a22: [Link][0].toString(),
},
Mean: {
...[Link],
m22: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s22: [Link][1].toString(),
},
options22: {
...prevState.options22,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[22],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[23] === 1) {
var Chart23 = GetChartData(DataStepsArrayForChart[23]);
FailDateFlagForChart[23].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l23: [Link],
},
UpperLimit: {
...[Link],
u23: [Link],
},
AverageLimit: {
...[Link],
a23: [Link][0].toString(),
},
Mean: {
...[Link],
m23: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s23: [Link][1].toString(),
},
options23: {
...prevState.options23,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[23],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l23: [Link],
},
UpperLimit: {
...[Link],
u23: [Link],
},
AverageLimit: {
...[Link],
a23: [Link][0].toString(),
},
Mean: {
...[Link],
m23: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s23: [Link][1].toString(),
},
options23: {
...prevState.options23,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[23],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[24] === 1) {
var Chart24 = GetChartData(DataStepsArrayForChart[24]);
FailDateFlagForChart[24].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l24: [Link],
},
UpperLimit: {
...[Link],
u24: [Link],
},
AverageLimit: {
...[Link],
a24: [Link][0].toString(),
},
Mean: {
...[Link],
m24: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s24: [Link][1].toString(),
},
options24: {
...prevState.options24,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[24],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l24: [Link],
},
UpperLimit: {
...[Link],
u24: [Link],
},
AverageLimit: {
...[Link],
a24: [Link][0].toString(),
},
Mean: {
...[Link],
m24: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s24: [Link][1].toString(),
},
options24: {
...prevState.options24,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[24],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[25] === 1) {
var Chart25 = GetChartData(DataStepsArrayForChart[25]);
FailDateFlagForChart[25].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l25: [Link],
},
UpperLimit: {
...[Link],
u25: [Link],
},
AverageLimit: {
...[Link],
a25: [Link][0].toString(),
},
Mean: {
...[Link],
m25: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s25: [Link][1].toString(),
},
options25: {
...prevState.options25,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[25],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l25: [Link],
},
UpperLimit: {
...[Link],
u25: [Link],
},
AverageLimit: {
...[Link],
a25: [Link][0].toString(),
},
Mean: {
...[Link],
m25: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s25: [Link][1].toString(),
},
options25: {
...prevState.options25,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[25],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[26] === 1) {
var Chart26 = GetChartData(DataStepsArrayForChart[26]);
FailDateFlagForChart[26].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l26: [Link],
},
UpperLimit: {
...[Link],
u26: [Link],
},
AverageLimit: {
...[Link],
a26: [Link][0].toString(),
},
Mean: {
...[Link],
m26: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s26: [Link][1].toString(),
},
options26: {
...prevState.options26,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[26],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l26: [Link],
},
UpperLimit: {
...[Link],
u26: [Link],
},
AverageLimit: {
...[Link],
a26: [Link][0].toString(),
},
Mean: {
...[Link],
m26: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s26: [Link][1].toString(),
},
options26: {
...prevState.options26,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[26],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[27] === 1) {
var Chart27 = GetChartData(DataStepsArrayForChart[27]);
FailDateFlagForChart[27].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l27: [Link],
},
UpperLimit: {
...[Link],
u27: [Link],
},
AverageLimit: {
...[Link],
a27: [Link][0].toString(),
},
Mean: {
...[Link],
m27: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s27: [Link][1].toString(),
},
options27: {
...prevState.options27,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[27],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l27: [Link],
},
UpperLimit: {
...[Link],
u27: [Link],
},
AverageLimit: {
...[Link],
a27: [Link][0].toString(),
},
Mean: {
...[Link],
m27: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s27: [Link][1].toString(),
},
options27: {
...prevState.options27,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[27],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[28] === 1) {
var Chart28 = GetChartData(DataStepsArrayForChart[28]);
FailDateFlagForChart[28].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l28: [Link],
},
UpperLimit: {
...[Link],
u28: [Link],
},
AverageLimit: {
...[Link],
a28: [Link][0].toString(),
},
Mean: {
...[Link],
m28: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s28: [Link][1].toString(),
},
options28: {
...prevState.options28,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[28],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l28: [Link],
},
UpperLimit: {
...[Link],
u28: [Link],
},
AverageLimit: {
...[Link],
a28: [Link][0].toString(),
},
Mean: {
...[Link],
m28: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s28: [Link][1].toString(),
},
options28: {
...prevState.options28,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[28],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[29] === 1) {
var Chart29 = GetChartData(DataStepsArrayForChart[29]);
FailDateFlagForChart[29].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l29: [Link],
},
UpperLimit: {
...[Link],
u29: [Link],
},
AverageLimit: {
...[Link],
a29: [Link][0].toString(),
},
Mean: {
...[Link],
m29: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s29: [Link][1].toString(),
},
options29: {
...prevState.options29,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[29],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l29: [Link],
},
UpperLimit: {
...[Link],
u29: [Link],
},
AverageLimit: {
...[Link],
a29: [Link][0].toString(),
},
Mean: {
...[Link],
m29: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s29: [Link][1].toString(),
},
options29: {
...prevState.options29,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[29],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[30] === 1) {
var Chart30 = GetChartData(DataStepsArrayForChart[30]);
FailDateFlagForChart[30].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l30: [Link],
},
UpperLimit: {
...[Link],
u30: [Link],
},
AverageLimit: {
...[Link],
a30: [Link][0].toString(),
},
Mean: {
...[Link],
m30: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s30: [Link][1].toString(),
},
options30: {
...prevState.options30,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[30],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l30: [Link],
},
UpperLimit: {
...[Link],
u30: [Link],
},
AverageLimit: {
...[Link],
a30: [Link][0].toString(),
},
Mean: {
...[Link],
m30: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s30: [Link][1].toString(),
},
options30: {
...prevState.options30,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[30],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[31] === 1) {
var Chart31 = GetChartData(DataStepsArrayForChart[31]);
FailDateFlagForChart[31].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l31: [Link],
},
UpperLimit: {
...[Link],
u31: [Link],
},
AverageLimit: {
...[Link],
a31: [Link][0].toString(),
},
Mean: {
...[Link],
m31: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s31: [Link][1].toString(),
},
options31: {
...prevState.options31,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[31],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l31: [Link],
},
UpperLimit: {
...[Link],
u31: [Link],
},
AverageLimit: {
...[Link],
a31: [Link][0].toString(),
},
Mean: {
...[Link],
m31: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s31: [Link][1].toString(),
},
options31: {
...prevState.options31,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[31],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[32] === 1) {
var Chart32 = GetChartData(DataStepsArrayForChart[32]);
FailDateFlagForChart[32].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l32: [Link],
},
UpperLimit: {
...[Link],
u32: [Link],
},
AverageLimit: {
...[Link],
a32: [Link][0].toString(),
},
Mean: {
...[Link],
m32: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s32: [Link][1].toString(),
},
options32: {
...prevState.options32,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[32],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l32: [Link],
},
UpperLimit: {
...[Link],
u32: [Link],
},
AverageLimit: {
...[Link],
a32: [Link][0].toString(),
},
Mean: {
...[Link],
m32: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s32: [Link][1].toString(),
},
options32: {
...prevState.options32,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[32],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[33] === 1) {
var Chart33 = GetChartData(DataStepsArrayForChart[33]);
FailDateFlagForChart[33].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l33: [Link],
},
UpperLimit: {
...[Link],
u33: [Link],
},
AverageLimit: {
...[Link],
a33: [Link][0].toString(),
},
Mean: {
...[Link],
m33: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s33: [Link][1].toString(),
},
options33: {
...prevState.options33,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[33],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l33: [Link],
},
UpperLimit: {
...[Link],
u33: [Link],
},
AverageLimit: {
...[Link],
a33: [Link][0].toString(),
},
Mean: {
...[Link],
m33: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s33: [Link][1].toString(),
},
options33: {
...prevState.options33,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[33],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[34] === 1) {
var Chart34 = GetChartData(DataStepsArrayForChart[34]);
FailDateFlagForChart[34].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l34: [Link],
},
UpperLimit: {
...[Link],
u34: [Link],
},
AverageLimit: {
...[Link],
a34: [Link][0].toString(),
},
Mean: {
...[Link],
m34: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s34: [Link][1].toString(),
},
options34: {
...prevState.options34,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[34],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l34: [Link],
},
UpperLimit: {
...[Link],
u34: [Link],
},
AverageLimit: {
...[Link],
a34: [Link][0].toString(),
},
Mean: {
...[Link],
m34: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s34: [Link][1].toString(),
},
options34: {
...prevState.options34,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[34],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
if (ChartDisplay[35] === 1) {
var Chart35 = GetChartData(DataStepsArrayForChart[35]);
FailDateFlagForChart[35].length > 50
? [Link]((prevState) => ({
LowerLimit: {
...[Link],
l35: [Link],
},
UpperLimit: {
...[Link],
u35: [Link],
},
AverageLimit: {
...[Link],
a35: [Link][0].toString(),
},
Mean: {
...[Link],
m35: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s35: [Link][1].toString(),
},
options35: {
...prevState.options35,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: true,
data: FailDateFlagForChart[35],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}))
: [Link]((prevState) => ({
LowerLimit: {
...[Link],
l35: [Link],
},
UpperLimit: {
...[Link],
u35: [Link],
},
AverageLimit: {
...[Link],
a35: [Link][0].toString(),
},
Mean: {
...[Link],
m35: [Link][0].toString(),
},
StandardDeviation: {
...[Link],
s35: [Link][1].toString(),
},
options35: {
...prevState.options35,
yAxis: {
...[Link],
min: [Link],
max: [Link],
plotLines: [
{
value: [Link],
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: [Link],
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: [Link][0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: [Link],
tooltip: { valueDecimals: 4 },
id: "dataseries",
},
{
type: "flags",
allowOverlapX: false,
data: FailDateFlagForChart[35],
onSeries: "dataseries",
shape: "circlepin",
width: 12,
color: "black",
fillColor: "#f44336",
style: { color: "white" },
states: { hover: { fillColor: "#d50000" } },
},
],
},
}));
}
}