// Updating charts object: Assign data to chart object

AddDataInCharts(DataStepsArrayForChart, FailDateFlagForChart, ChartDisplay) {

this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l0: Chart0.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u0: Chart0.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a0: Chart0.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m0: Chart0.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s0: Chart0.meanAndStandardDeviation[1].toString(),
},
options0: {
...prevState.options0,

yAxis: {
...prevState.options0.yAxis,
min: Chart0.chartMinValue,
max: Chart0.chartMaxValue,
plotLines: [
{
value: Chart0.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: {
text: "Lower Control Limit (\u03BC-3\u03C3)",
},
},
{
value: Chart0.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: {
text: "Upper Control Limit (\u03BC+3\u03C3)",
},
},
{
value: Chart0.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: {
text: "Mean (\u03BC)",
 },
},
],
},

series: [
{
...prevState.options0.series,
name: "Data",
data: Chart0.dataForChart,
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
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l1: Chart1.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u1: Chart1.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a1: Chart1.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m1: Chart1.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s1: Chart1.meanAndStandardDeviation[1].toString(),
 },
options1: {
...prevState.options1,
yAxis: {
...prevState.options1.yAxis,
min: Chart1.chartMinValue,
max: Chart1.chartMaxValue,
plotLines: [
{
value: Chart1.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart1.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart1.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart1.dataForChart,
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" } },
},
],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l1: Chart1.lowerControlLimit,
},
UpperLimit: {
 ...prevState.UpperLimit,
u1: Chart1.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a1: Chart1.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m1: Chart1.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s1: Chart1.meanAndStandardDeviation[1].toString(),
},
options1: {
...prevState.options1,
yAxis: {
...prevState.options1.yAxis,
min: Chart1.chartMinValue,
max: Chart1.chartMaxValue,
plotLines: [
{
value: Chart1.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart1.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart1.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart1.dataForChart,
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]);
console.log("Chart2:", Chart2);
console.log("FailDateFlagForChart:", FailDateFlagForChart);

FailDateFlagForChart[2].length > 50
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l2: Chart2.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u2: Chart2.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a2: Chart2.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m2: Chart2.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s2: Chart2.meanAndStandardDeviation[1].toString(),
},
options2: {
...prevState.options2,
yAxis: {
...prevState.options2.yAxis,
min: Chart2.chartMinValue,
max: Chart2.chartMaxValue,
plotLines: [
{
value: Chart2.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart2.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart2.meanAndStandardDeviation[0],
 color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart2.dataForChart,
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" } },
},
],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l2: Chart2.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u2: Chart2.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a2: Chart2.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m2: Chart2.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s2: Chart2.meanAndStandardDeviation[1].toString(),
},
options2: {
...prevState.options2,
yAxis: {
...prevState.options2.yAxis,
min: Chart2.chartMinValue,
max: Chart2.chartMaxValue,
plotLines: [
{
value: Chart2.lowerControlLimit,
 color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart2.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart2.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart2.dataForChart,
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]);
console.log("Chart3.dataForChart:", Chart3.dataForChart);
FailDateFlagForChart[3].length > 50
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l3: Chart3.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u3: Chart3.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
 a3: Chart3.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m3: Chart3.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s3: Chart3.meanAndStandardDeviation[1].toString(),
},
options3: {
...prevState.options3,
yAxis: {
...prevState.options3.yAxis,
min: Chart3.chartMinValue,
max: Chart3.chartMaxValue,
plotLines: [
{
value: Chart3.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart3.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart3.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart3.dataForChart,
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" } },
},
 ],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l3: Chart3.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u3: Chart3.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a3: Chart3.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m3: Chart3.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s3: Chart3.meanAndStandardDeviation[1].toString(),
},
options3: {
...prevState.options3,
yAxis: {
...prevState.options3.yAxis,
min: Chart3.chartMinValue,
max: Chart3.chartMaxValue,
plotLines: [
{
value: Chart3.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart3.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart3.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart3.dataForChart,
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
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l4: Chart4.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u4: Chart4.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a4: Chart4.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m4: Chart4.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s4: Chart4.meanAndStandardDeviation[1].toString(),
},
options4: {
...prevState.options4,
yAxis: {
...prevState.options4.yAxis,
min: Chart4.chartMinValue,
max: Chart4.chartMaxValue,
plotLines: [
{
value: Chart4.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart4.upperControlLimit,
color: "red",
 dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart4.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart4.dataForChart,
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" } },
},
],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l4: Chart4.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u4: Chart4.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a4: Chart4.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m4: Chart4.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s4: Chart4.meanAndStandardDeviation[1].toString(),
},
options4: {
...prevState.options4,
yAxis: {
 ...prevState.options4.yAxis,
min: Chart4.chartMinValue,
max: Chart4.chartMaxValue,
plotLines: [
{
value: Chart4.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart4.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart4.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart4.dataForChart,
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
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l5: Chart5.lowerControlLimit,
},
UpperLimit: {
 ...prevState.UpperLimit,
u5: Chart5.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a5: Chart5.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m5: Chart5.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s5: Chart5.meanAndStandardDeviation[1].toString(),
},
options5: {
...prevState.options5,
yAxis: {
...prevState.options5.yAxis,
min: Chart5.chartMinValue,
max: Chart5.chartMaxValue,
plotLines: [
{
value: Chart5.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart5.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart5.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart5.dataForChart,
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" } },
},
],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l5: Chart5.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u5: Chart5.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a5: Chart5.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m5: Chart5.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s5: Chart5.meanAndStandardDeviation[1].toString(),
},
options5: {
...prevState.options5,
yAxis: {
...prevState.options5.yAxis,
min: Chart5.chartMinValue,
max: Chart5.chartMaxValue,
plotLines: [
{
value: Chart5.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart5.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart5.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
 series: [
{
name: "Data",
data: Chart5.dataForChart,
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
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l6: Chart6.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u6: Chart6.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a6: Chart6.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m6: Chart6.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s6: Chart6.meanAndStandardDeviation[1].toString(),
},
options6: {
...prevState.options6,
yAxis: {
...prevState.options6.yAxis,
min: Chart6.chartMinValue,
max: Chart6.chartMaxValue,
plotLines: [
{
value: Chart6.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
 label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart6.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart6.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart6.dataForChart,
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" } },
},
],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l6: Chart6.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u6: Chart6.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a6: Chart6.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m6: Chart6.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
 s6: Chart6.meanAndStandardDeviation[1].toString(),
},
options6: {
...prevState.options6,
yAxis: {
...prevState.options6.yAxis,
min: Chart6.chartMinValue,
max: Chart6.chartMaxValue,
plotLines: [
{
value: Chart6.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart6.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart6.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart6.dataForChart,
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]);
console.log("Chart7.dataForChart:", Chart7.dataForChart);
FailDateFlagForChart[7].length > 50
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l7: Chart7.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u7: Chart7.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a7: Chart7.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m7: Chart7.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s7: Chart7.meanAndStandardDeviation[1].toString(),
},
options7: {
...prevState.options7,
yAxis: {
...prevState.options7.yAxis,
min: Chart7.chartMinValue,
max: Chart7.chartMaxValue,
plotLines: [
{
value: Chart7.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart7.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart7.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart7.dataForChart,
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" } },
},
],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l7: Chart7.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u7: Chart7.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a7: Chart7.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m7: Chart7.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s7: Chart7.meanAndStandardDeviation[1].toString(),
},
options7: {
...prevState.options7,
yAxis: {
...prevState.options7.yAxis,
min: Chart7.chartMinValue,
max: Chart7.chartMaxValue,
plotLines: [
{
value: Chart7.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart7.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart7.meanAndStandardDeviation[0],
 color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart7.dataForChart,
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
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l8: Chart8.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u8: Chart8.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a8: Chart8.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m8: Chart8.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s8: Chart8.meanAndStandardDeviation[1].toString(),
},
options8: {
...prevState.options8,
yAxis: {
...prevState.options8.yAxis,
min: Chart8.chartMinValue,
 max: Chart8.chartMaxValue,
plotLines: [
{
value: Chart8.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart8.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart8.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart8.dataForChart,
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" } },
},
],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l8: Chart8.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u8: Chart8.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a8: Chart8.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m8: Chart8.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s8: Chart8.meanAndStandardDeviation[1].toString(),
},
options8: {
...prevState.options8,
yAxis: {
...prevState.options8.yAxis,
min: Chart8.chartMinValue,
max: Chart8.chartMaxValue,
plotLines: [
{
value: Chart8.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart8.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart8.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart8.dataForChart,
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
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l9: Chart9.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u9: Chart9.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a9: Chart9.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m9: Chart9.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s9: Chart9.meanAndStandardDeviation[1].toString(),
},
options9: {
...prevState.options9,
yAxis: {
...prevState.options9.yAxis,
min: Chart9.chartMinValue,
max: Chart9.chartMaxValue,
plotLines: [
{
value: Chart9.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart9.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart9.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
 name: "Data",
data: Chart9.dataForChart,
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" } },
},
],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l9: Chart9.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u9: Chart9.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a9: Chart9.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m9: Chart9.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s9: Chart9.meanAndStandardDeviation[1].toString(),
},
options9: {
...prevState.options9,
yAxis: {
...prevState.options9.yAxis,
min: Chart9.chartMinValue,
max: Chart9.chartMaxValue,
plotLines: [
{
value: Chart9.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart9.upperControlLimit,
color: "red",
dashStyle: "shortdash",
 width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart9.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart9.dataForChart,
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
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l10: Chart10.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u10: Chart10.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a10: Chart10.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m10: Chart10.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s10: Chart10.meanAndStandardDeviation[1].toString(),
},
 options10: {
...prevState.options10,
yAxis: {
...prevState.options10.yAxis,
min: Chart10.chartMinValue,
max: Chart10.chartMaxValue,
plotLines: [
{
value: Chart10.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart10.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart10.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart10.dataForChart,
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" } },
},
],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l10: Chart10.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
 u10: Chart10.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a10: Chart10.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m10: Chart10.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s10: Chart10.meanAndStandardDeviation[1].toString(),
},
options10: {
...prevState.options10,
yAxis: {
...prevState.options10.yAxis,
min: Chart10.chartMinValue,
max: Chart10.chartMaxValue,
plotLines: [
{
value: Chart10.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart10.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart10.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart10.dataForChart,
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
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l11: Chart11.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u11: Chart11.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a11: Chart11.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m11: Chart11.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s11: Chart11.meanAndStandardDeviation[1].toString(),
},
options11: {
...prevState.options11,
yAxis: {
...prevState.options11.yAxis,
min: Chart11.chartMinValue,
max: Chart11.chartMaxValue,
plotLines: [
{
value: Chart11.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart11.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart11.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
 },
],
},
series: [
{
name: "Data",
data: Chart11.dataForChart,
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" } },
},
],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l11: Chart11.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u11: Chart11.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a11: Chart11.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m11: Chart11.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s11: Chart11.meanAndStandardDeviation[1].toString(),
},
options11: {
...prevState.options11,
yAxis: {
...prevState.options11.yAxis,
min: Chart11.chartMinValue,
max: Chart11.chartMaxValue,
plotLines: [
{
value: Chart11.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
 },
{
value: Chart11.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart11.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart11.dataForChart,
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
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l12: Chart12.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u12: Chart12.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a12: Chart12.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m12: Chart12.meanAndStandardDeviation[0].toString(),
 },
StandardDeviation: {
...prevState.StandardDeviation,
s12: Chart12.meanAndStandardDeviation[1].toString(),
},
options12: {
...prevState.options12,
yAxis: {
...prevState.options12.yAxis,
min: Chart12.chartMinValue,
max: Chart12.chartMaxValue,
plotLines: [
{
value: Chart12.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart12.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart12.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart12.dataForChart,
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" } },
},
],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
 ...prevState.LowerLimit,
l12: Chart12.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u12: Chart12.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a12: Chart12.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m12: Chart12.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s12: Chart12.meanAndStandardDeviation[1].toString(),
},
options12: {
...prevState.options12,
yAxis: {
...prevState.options12.yAxis,
min: Chart12.chartMinValue,
max: Chart12.chartMaxValue,
plotLines: [
{
value: Chart12.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart12.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart12.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart12.dataForChart,
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
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l13: Chart13.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u13: Chart13.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a13: Chart13.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m13: Chart13.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s13: Chart13.meanAndStandardDeviation[1].toString(),
},
options13: {
...prevState.options13,
yAxis: {
...prevState.options13.yAxis,
min: Chart13.chartMinValue,
max: Chart13.chartMaxValue,
plotLines: [
{
value: Chart13.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart13.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
 value: Chart13.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart13.dataForChart,
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" } },
},
],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l13: Chart13.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u13: Chart13.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a13: Chart13.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m13: Chart13.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s13: Chart13.meanAndStandardDeviation[1].toString(),
},
options13: {
...prevState.options13,
yAxis: {
...prevState.options13.yAxis,
min: Chart13.chartMinValue,
max: Chart13.chartMaxValue,
plotLines: [
{
 value: Chart13.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart13.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart13.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart13.dataForChart,
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
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l14: Chart14.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u14: Chart14.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
 a14: Chart14.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m14: Chart14.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s14: Chart14.meanAndStandardDeviation[1].toString(),
},
options14: {
...prevState.options14,
yAxis: {
...prevState.options14.yAxis,
min: Chart14.chartMinValue,
max: Chart14.chartMaxValue,
plotLines: [
{
value: Chart14.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart14.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart14.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart14.dataForChart,
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" } },
},
 ],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l14: Chart14.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u14: Chart14.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a14: Chart14.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m14: Chart14.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s14: Chart14.meanAndStandardDeviation[1].toString(),
},
options14: {
...prevState.options14,
yAxis: {
...prevState.options14.yAxis,
min: Chart14.chartMinValue,
max: Chart14.chartMaxValue,
plotLines: [
{
value: Chart14.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart14.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart14.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart14.dataForChart,
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
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l15: Chart15.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u15: Chart15.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a15: Chart15.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m15: Chart15.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s15: Chart15.meanAndStandardDeviation[1].toString(),
},
options15: {
...prevState.options15,
yAxis: {
...prevState.options15.yAxis,
min: Chart15.chartMinValue,
max: Chart15.chartMaxValue,
plotLines: [
{
value: Chart15.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart15.upperControlLimit,
color: "red",
 dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart15.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart15.dataForChart,
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" } },
},
],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l15: Chart15.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u15: Chart15.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a15: Chart15.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m15: Chart15.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s15: Chart15.meanAndStandardDeviation[1].toString(),
},
options15: {
...prevState.options15,
yAxis: {
 ...prevState.options15.yAxis,
min: Chart15.chartMinValue,
max: Chart15.chartMaxValue,
plotLines: [
{
value: Chart15.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart15.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart15.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart15.dataForChart,
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
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l16: Chart16.lowerControlLimit,
},
UpperLimit: {
 ...prevState.UpperLimit,
u16: Chart16.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a16: Chart16.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m16: Chart16.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s16: Chart16.meanAndStandardDeviation[1].toString(),
},
options16: {
...prevState.options16,
yAxis: {
...prevState.options16.yAxis,
min: Chart16.chartMinValue,
max: Chart16.chartMaxValue,
plotLines: [
{
value: Chart16.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart16.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart16.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart16.dataForChart,
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" } },
},
],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l16: Chart16.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u16: Chart16.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a16: Chart16.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m16: Chart16.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s16: Chart16.meanAndStandardDeviation[1].toString(),
},
options16: {
...prevState.options16,
yAxis: {
...prevState.options16.yAxis,
min: Chart16.chartMinValue,
max: Chart16.chartMaxValue,
plotLines: [
{
value: Chart16.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart16.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart16.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
 series: [
{
name: "Data",
data: Chart16.dataForChart,
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
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l17: Chart17.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u17: Chart17.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a17: Chart17.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m17: Chart17.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s17: Chart17.meanAndStandardDeviation[1].toString(),
},
options17: {
...prevState.options17,
yAxis: {
...prevState.options17.yAxis,
min: Chart17.chartMinValue,
max: Chart17.chartMaxValue,
plotLines: [
{
value: Chart17.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
 label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart17.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart17.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart17.dataForChart,
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" } },
},
],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l17: Chart17.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u17: Chart17.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a17: Chart17.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m17: Chart17.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
 s17: Chart17.meanAndStandardDeviation[1].toString(),
},
options17: {
...prevState.options17,
yAxis: {
...prevState.options17.yAxis,
min: Chart17.chartMinValue,
max: Chart17.chartMaxValue,
plotLines: [
{
value: Chart17.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart17.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart17.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart17.dataForChart,
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
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l18: Chart18.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u18: Chart18.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a18: Chart18.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m18: Chart18.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s18: Chart18.meanAndStandardDeviation[1].toString(),
},
options18: {
...prevState.options18,
yAxis: {
...prevState.options18.yAxis,
min: Chart18.chartMinValue,
max: Chart18.chartMaxValue,
plotLines: [
{
value: Chart18.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart18.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart18.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart18.dataForChart,
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" } },
},
],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l18: Chart18.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u18: Chart18.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a18: Chart18.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m18: Chart18.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s18: Chart18.meanAndStandardDeviation[1].toString(),
},
options18: {
...prevState.options18,
yAxis: {
...prevState.options18.yAxis,
min: Chart18.chartMinValue,
max: Chart18.chartMaxValue,
plotLines: [
{
value: Chart18.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart18.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart18.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
 width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart18.dataForChart,
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
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l19: Chart19.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u19: Chart19.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a19: Chart19.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m19: Chart19.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s19: Chart19.meanAndStandardDeviation[1].toString(),
},
options19: {
...prevState.options19,
yAxis: {
...prevState.options19.yAxis,
min: Chart19.chartMinValue,
max: Chart19.chartMaxValue,
plotLines: [
 {
value: Chart19.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart19.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart19.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart19.dataForChart,
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" } },
},
],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l19: Chart19.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u19: Chart19.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a19: Chart19.meanAndStandardDeviation[0].toString(),
},
Mean: {
 ...prevState.Mean,
m19: Chart19.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s19: Chart19.meanAndStandardDeviation[1].toString(),
},
options19: {
...prevState.options19,
yAxis: {
...prevState.options19.yAxis,
min: Chart19.chartMinValue,
max: Chart19.chartMaxValue,
plotLines: [
{
value: Chart19.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart19.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart19.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart19.dataForChart,
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
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l20: Chart20.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u20: Chart20.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a20: Chart20.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m20: Chart20.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s20: Chart20.meanAndStandardDeviation[1].toString(),
},
options20: {
...prevState.options20,
yAxis: {
...prevState.options20.yAxis,
min: Chart20.chartMinValue,
max: Chart20.chartMaxValue,
plotLines: [
{
value: Chart20.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart20.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart20.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart20.dataForChart,
 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" } },
},
],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l20: Chart20.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u20: Chart20.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a20: Chart20.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m20: Chart20.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s20: Chart20.meanAndStandardDeviation[1].toString(),
},
options20: {
...prevState.options20,
yAxis: {
...prevState.options20.yAxis,
min: Chart20.chartMinValue,
max: Chart20.chartMaxValue,
plotLines: [
{
value: Chart20.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart20.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
 },
{
value: Chart20.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart20.dataForChart,
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
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l21: Chart21.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u21: Chart21.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a21: Chart21.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m21: Chart21.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s21: Chart21.meanAndStandardDeviation[1].toString(),
},
options21: {
...prevState.options21,
 yAxis: {
...prevState.options21.yAxis,
min: Chart21.chartMinValue,
max: Chart21.chartMaxValue,
plotLines: [
{
value: Chart21.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart21.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart21.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart21.dataForChart,
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" } },
},
],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l21: Chart21.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u21: Chart21.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a21: Chart21.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m21: Chart21.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s21: Chart21.meanAndStandardDeviation[1].toString(),
},
options21: {
...prevState.options21,
yAxis: {
...prevState.options21.yAxis,
min: Chart21.chartMinValue,
max: Chart21.chartMaxValue,
plotLines: [
{
value: Chart21.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart21.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart21.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart21.dataForChart,
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
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l22: Chart22.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u22: Chart22.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a22: Chart22.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m22: Chart22.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s22: Chart22.meanAndStandardDeviation[1].toString(),
},
options22: {
...prevState.options22,
yAxis: {
...prevState.options22.yAxis,
min: Chart22.chartMinValue,
max: Chart22.chartMaxValue,
plotLines: [
{
value: Chart22.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart22.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart22.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
 },
series: [
{
name: "Data",
data: Chart22.dataForChart,
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" } },
},
],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l22: Chart22.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u22: Chart22.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a22: Chart22.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m22: Chart22.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s22: Chart22.meanAndStandardDeviation[1].toString(),
},
options22: {
...prevState.options22,
yAxis: {
...prevState.options22.yAxis,
min: Chart22.chartMinValue,
max: Chart22.chartMaxValue,
plotLines: [
{
value: Chart22.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
 value: Chart22.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart22.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart22.dataForChart,
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
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l23: Chart23.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u23: Chart23.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a23: Chart23.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m23: Chart23.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
 ...prevState.StandardDeviation,
s23: Chart23.meanAndStandardDeviation[1].toString(),
},
options23: {
...prevState.options23,
yAxis: {
...prevState.options23.yAxis,
min: Chart23.chartMinValue,
max: Chart23.chartMaxValue,
plotLines: [
{
value: Chart23.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart23.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart23.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart23.dataForChart,
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" } },
},
],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l23: Chart23.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u23: Chart23.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a23: Chart23.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m23: Chart23.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s23: Chart23.meanAndStandardDeviation[1].toString(),
},
options23: {
...prevState.options23,
yAxis: {
...prevState.options23.yAxis,
min: Chart23.chartMinValue,
max: Chart23.chartMaxValue,
plotLines: [
{
value: Chart23.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart23.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart23.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart23.dataForChart,
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
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l24: Chart24.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u24: Chart24.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a24: Chart24.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m24: Chart24.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s24: Chart24.meanAndStandardDeviation[1].toString(),
},
options24: {
...prevState.options24,
yAxis: {
...prevState.options24.yAxis,
min: Chart24.chartMinValue,
max: Chart24.chartMaxValue,
plotLines: [
{
value: Chart24.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart24.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart24.meanAndStandardDeviation[0],
color: "black",
 dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart24.dataForChart,
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" } },
},
],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l24: Chart24.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u24: Chart24.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a24: Chart24.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m24: Chart24.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s24: Chart24.meanAndStandardDeviation[1].toString(),
},
options24: {
...prevState.options24,
yAxis: {
...prevState.options24.yAxis,
min: Chart24.chartMinValue,
max: Chart24.chartMaxValue,
plotLines: [
{
value: Chart24.lowerControlLimit,
color: "green",
 dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart24.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart24.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart24.dataForChart,
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
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l25: Chart25.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u25: Chart25.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a25: Chart25.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m25: Chart25.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s25: Chart25.meanAndStandardDeviation[1].toString(),
},
options25: {
...prevState.options25,
yAxis: {
...prevState.options25.yAxis,
min: Chart25.chartMinValue,
max: Chart25.chartMaxValue,
plotLines: [
{
value: Chart25.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart25.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart25.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart25.dataForChart,
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" } },
},
],
},
 }))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l25: Chart25.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u25: Chart25.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a25: Chart25.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m25: Chart25.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s25: Chart25.meanAndStandardDeviation[1].toString(),
},
options25: {
...prevState.options25,
yAxis: {
...prevState.options25.yAxis,
min: Chart25.chartMinValue,
max: Chart25.chartMaxValue,
plotLines: [
{
value: Chart25.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart25.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart25.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart25.dataForChart,
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
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l26: Chart26.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u26: Chart26.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a26: Chart26.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m26: Chart26.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s26: Chart26.meanAndStandardDeviation[1].toString(),
},
options26: {
...prevState.options26,
yAxis: {
...prevState.options26.yAxis,
min: Chart26.chartMinValue,
max: Chart26.chartMaxValue,
plotLines: [
{
value: Chart26.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart26.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
 label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart26.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart26.dataForChart,
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" } },
},
],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l26: Chart26.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u26: Chart26.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a26: Chart26.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m26: Chart26.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s26: Chart26.meanAndStandardDeviation[1].toString(),
},
options26: {
...prevState.options26,
yAxis: {
...prevState.options26.yAxis,
min: Chart26.chartMinValue,
 max: Chart26.chartMaxValue,
plotLines: [
{
value: Chart26.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart26.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart26.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart26.dataForChart,
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
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l27: Chart27.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u27: Chart27.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a27: Chart27.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m27: Chart27.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s27: Chart27.meanAndStandardDeviation[1].toString(),
},
options27: {
...prevState.options27,
yAxis: {
...prevState.options27.yAxis,
min: Chart27.chartMinValue,
max: Chart27.chartMaxValue,
plotLines: [
{
value: Chart27.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart27.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart27.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart27.dataForChart,
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" } },
},
],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l27: Chart27.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u27: Chart27.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a27: Chart27.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m27: Chart27.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s27: Chart27.meanAndStandardDeviation[1].toString(),
},
options27: {
...prevState.options27,
yAxis: {
...prevState.options27.yAxis,
min: Chart27.chartMinValue,
max: Chart27.chartMaxValue,
plotLines: [
{
value: Chart27.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart27.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart27.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
 name: "Data",
data: Chart27.dataForChart,
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
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l28: Chart28.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u28: Chart28.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a28: Chart28.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m28: Chart28.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s28: Chart28.meanAndStandardDeviation[1].toString(),
},
options28: {
...prevState.options28,
yAxis: {
...prevState.options28.yAxis,
min: Chart28.chartMinValue,
max: Chart28.chartMaxValue,
plotLines: [
{
value: Chart28.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
 {
value: Chart28.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart28.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart28.dataForChart,
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" } },
},
],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l28: Chart28.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u28: Chart28.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a28: Chart28.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m28: Chart28.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s28: Chart28.meanAndStandardDeviation[1].toString(),
},
 options28: {
...prevState.options28,
yAxis: {
...prevState.options28.yAxis,
min: Chart28.chartMinValue,
max: Chart28.chartMaxValue,
plotLines: [
{
value: Chart28.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart28.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart28.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart28.dataForChart,
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
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
 l29: Chart29.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u29: Chart29.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a29: Chart29.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m29: Chart29.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s29: Chart29.meanAndStandardDeviation[1].toString(),
},
options29: {
...prevState.options29,
yAxis: {
...prevState.options29.yAxis,
min: Chart29.chartMinValue,
max: Chart29.chartMaxValue,
plotLines: [
{
value: Chart29.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart29.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart29.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart29.dataForChart,
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" } },
},
],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l29: Chart29.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u29: Chart29.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a29: Chart29.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m29: Chart29.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s29: Chart29.meanAndStandardDeviation[1].toString(),
},
options29: {
...prevState.options29,
yAxis: {
...prevState.options29.yAxis,
min: Chart29.chartMinValue,
max: Chart29.chartMaxValue,
plotLines: [
{
value: Chart29.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart29.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart29.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
 },
],
},
series: [
{
name: "Data",
data: Chart29.dataForChart,
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
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l30: Chart30.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u30: Chart30.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a30: Chart30.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m30: Chart30.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s30: Chart30.meanAndStandardDeviation[1].toString(),
},
options30: {
...prevState.options30,
yAxis: {
...prevState.options30.yAxis,
min: Chart30.chartMinValue,
max: Chart30.chartMaxValue,
plotLines: [
{
value: Chart30.lowerControlLimit,
 color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart30.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart30.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart30.dataForChart,
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" } },
},
],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l30: Chart30.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u30: Chart30.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a30: Chart30.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m30: Chart30.meanAndStandardDeviation[0].toString(),
 },
StandardDeviation: {
...prevState.StandardDeviation,
s30: Chart30.meanAndStandardDeviation[1].toString(),
},
options30: {
...prevState.options30,
yAxis: {
...prevState.options30.yAxis,
min: Chart30.chartMinValue,
max: Chart30.chartMaxValue,
plotLines: [
{
value: Chart30.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart30.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart30.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart30.dataForChart,
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
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l31: Chart31.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u31: Chart31.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a31: Chart31.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m31: Chart31.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s31: Chart31.meanAndStandardDeviation[1].toString(),
},
options31: {
...prevState.options31,
yAxis: {
...prevState.options31.yAxis,
min: Chart31.chartMinValue,
max: Chart31.chartMaxValue,
plotLines: [
{
value: Chart31.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart31.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart31.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart31.dataForChart,
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" } },
},
],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l31: Chart31.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u31: Chart31.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a31: Chart31.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m31: Chart31.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s31: Chart31.meanAndStandardDeviation[1].toString(),
},
options31: {
...prevState.options31,
yAxis: {
...prevState.options31.yAxis,
min: Chart31.chartMinValue,
max: Chart31.chartMaxValue,
plotLines: [
{
value: Chart31.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart31.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
 value: Chart31.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart31.dataForChart,
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
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l32: Chart32.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u32: Chart32.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a32: Chart32.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m32: Chart32.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s32: Chart32.meanAndStandardDeviation[1].toString(),
},
options32: {
...prevState.options32,
yAxis: {
...prevState.options32.yAxis,
 min: Chart32.chartMinValue,
max: Chart32.chartMaxValue,
plotLines: [
{
value: Chart32.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart32.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart32.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart32.dataForChart,
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" } },
},
],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l32: Chart32.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u32: Chart32.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
 a32: Chart32.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m32: Chart32.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s32: Chart32.meanAndStandardDeviation[1].toString(),
},
options32: {
...prevState.options32,
yAxis: {
...prevState.options32.yAxis,
min: Chart32.chartMinValue,
max: Chart32.chartMaxValue,
plotLines: [
{
value: Chart32.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart32.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart32.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart32.dataForChart,
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
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l33: Chart33.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u33: Chart33.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a33: Chart33.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m33: Chart33.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s33: Chart33.meanAndStandardDeviation[1].toString(),
},
options33: {
...prevState.options33,
yAxis: {
...prevState.options33.yAxis,
min: Chart33.chartMinValue,
max: Chart33.chartMaxValue,
plotLines: [
{
value: Chart33.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart33.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart33.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
 {
name: "Data",
data: Chart33.dataForChart,
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" } },
},
],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l33: Chart33.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u33: Chart33.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a33: Chart33.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m33: Chart33.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s33: Chart33.meanAndStandardDeviation[1].toString(),
},
options33: {
...prevState.options33,
yAxis: {
...prevState.options33.yAxis,
min: Chart33.chartMinValue,
max: Chart33.chartMaxValue,
plotLines: [
{
value: Chart33.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart33.upperControlLimit,
color: "red",
 dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart33.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart33.dataForChart,
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
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l34: Chart34.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u34: Chart34.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a34: Chart34.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m34: Chart34.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s34: Chart34.meanAndStandardDeviation[1].toString(),
 },
options34: {
...prevState.options34,
yAxis: {
...prevState.options34.yAxis,
min: Chart34.chartMinValue,
max: Chart34.chartMaxValue,
plotLines: [
{
value: Chart34.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart34.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart34.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart34.dataForChart,
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" } },
},
],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l34: Chart34.lowerControlLimit,
},
UpperLimit: {
 ...prevState.UpperLimit,
u34: Chart34.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a34: Chart34.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m34: Chart34.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s34: Chart34.meanAndStandardDeviation[1].toString(),
},
options34: {
...prevState.options34,
yAxis: {
...prevState.options34.yAxis,
min: Chart34.chartMinValue,
max: Chart34.chartMaxValue,
plotLines: [
{
value: Chart34.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart34.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart34.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart34.dataForChart,
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
? this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l35: Chart35.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u35: Chart35.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a35: Chart35.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m35: Chart35.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s35: Chart35.meanAndStandardDeviation[1].toString(),
},
options35: {
...prevState.options35,
yAxis: {
...prevState.options35.yAxis,
min: Chart35.chartMinValue,
max: Chart35.chartMaxValue,
plotLines: [
{
value: Chart35.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart35.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart35.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
 label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart35.dataForChart,
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" } },
},
],
},
}))
: this.setState((prevState) => ({
LowerLimit: {
...prevState.LowerLimit,
l35: Chart35.lowerControlLimit,
},
UpperLimit: {
...prevState.UpperLimit,
u35: Chart35.upperControlLimit,
},
AverageLimit: {
...prevState.AverageLimit,
a35: Chart35.meanAndStandardDeviation[0].toString(),
},
Mean: {
...prevState.Mean,
m35: Chart35.meanAndStandardDeviation[0].toString(),
},
StandardDeviation: {
...prevState.StandardDeviation,
s35: Chart35.meanAndStandardDeviation[1].toString(),
},
options35: {
...prevState.options35,
yAxis: {
...prevState.options35.yAxis,
min: Chart35.chartMinValue,
max: Chart35.chartMaxValue,
plotLines: [
{
value: Chart35.lowerControlLimit,
color: "green",
dashStyle: "shortdash",
width: 2,
 label: { text: "Lower Control Limit (\u03BC-3\u03C3)" },
},
{
value: Chart35.upperControlLimit,
color: "red",
dashStyle: "shortdash",
width: 2,
label: { text: "Upper Control Limit (\u03BC+3\u03C3)" },
},
{
value: Chart35.meanAndStandardDeviation[0],
color: "black",
dashStyle: "shortdash",
width: 2,
label: { text: "Mean (\u03BC)" },
},
],
},
series: [
{
name: "Data",
data: Chart35.dataForChart,
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" } },
},
],
},
}));
}
}