Ismail/CPLv4.0
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: einheitliche Farben mit transparenter Füllung für Legende Symbol für alle Messkurven

Browse Source 
Isolation, Schleifen, TDR und Meldungseingänge/Analoge Eingänge
This commit is contained in:
ISA
2025-05-07 11:33:59 +02:00
parent 570c1ec9ef
commit 0d0a9ba57b
4 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
components/main/analogeEingaenge/AnalogInputsChart.tsx
View File

@@ -71,6 +71,7 @@ export default function AnalogInputsChart({
})),
fill: false,
borderColor: getColor("littwin-blue"),
backgroundColor: "rgba(59,130,246,0.5)",
borderWidth: 2,
// fill: false,
pointRadius: 0,

4
components/main/kabelueberwachung/kue705FO/Charts/LoopMeasurementChart/LoopMeasurementChart.tsx
View File

@@ -96,6 +96,7 @@ const LoopMeasurementChart = () => {
label: "Messwert Minimum",
data: loopMeasurementCurveChartData.map((e) => e.i).reverse(),
borderColor: "lightgrey",
backgroundColor: "rgba(211,211,211,0.5)",
borderWidth: 2,
// fill: false,
pointRadius: 0,
@@ -107,6 +108,7 @@ const LoopMeasurementChart = () => {
label: "Messwert",
data: loopMeasurementCurveChartData.map((e) => e.m).reverse(),
borderColor: getColor("littwin-blue"),
backgroundColor: "rgba(59,130,246,0.5)",
borderWidth: 2,
// fill: false,
pointRadius: 0,
@@ -117,6 +119,7 @@ const LoopMeasurementChart = () => {
label: "Messwert Durchschnitt",
data: loopMeasurementCurveChartData.map((e) => e.g).reverse(),
borderColor: getColor("littwin-blue"),
backgroundColor: "rgba(59,130,246,0.5)",
borderWidth: 2,
// fill: false,
pointRadius: 0,
@@ -127,6 +130,7 @@ const LoopMeasurementChart = () => {
label: "Messwert Maximum",
data: loopMeasurementCurveChartData.map((e) => e.a).reverse(),
borderColor: "lightgrey",
backgroundColor: "rgba(211,211,211,0.5)",
borderWidth: 2,
// fill: false,
pointRadius: 0,

7
components/main/kabelueberwachung/kue705FO/Charts/TDRChart/TDRChart.tsx
View File

@@ -89,6 +89,7 @@ const TDRChart: React.FC<{ isFullScreen: boolean }> = ({ isFullScreen }) => {
label: `TDR Kurve`,
data: tdrChartData,
borderColor: getColor("littwin-blue"),
backgroundColor: "rgba(59,130,246,0.5)",
borderWidth: 1,
tension: 0.1,
pointRadius: 0,
@@ -101,7 +102,8 @@ const TDRChart: React.FC<{ isFullScreen: boolean }> = ({ isFullScreen }) => {
{
label: "Referenzkurve",
data: referenceChartData,
borderColor: "black",
borderColor: "rgba(51,51,51,1)", // Dunkelgrau (nicht tiefschwarz)
backgroundColor: "rgba(51,51,51,0.3)", // Leicht transparent
borderWidth: 1,
// borderDash: [5, 5],
pointRadius: 0,
@@ -120,7 +122,8 @@ const TDRChart: React.FC<{ isFullScreen: boolean }> = ({ isFullScreen }) => {
? [{ d: pinDistance, p: 0 }]
: [],
borderColor: "red",
backgroundColor: "red",
borderWidth: 1,
backgroundColor: "rgba(220,38,38,0.5)",
pointRadius: 10,
pointStyle: "triangle", // Hier den korrekten Stil setzen
showLine: false,