diff --git a/features/dashboard/components/charts/ChartLegende.tsx b/features/dashboard/components/charts/ChartLegende.tsx index d47fa56..45c258d 100644 --- a/features/dashboard/components/charts/ChartLegende.tsx +++ b/features/dashboard/components/charts/ChartLegende.tsx @@ -7,26 +7,18 @@ import React from "react"; * Recharts platziert die Legende im SVG und kostet damit Chartfläche. * Carbon setzt sie über den Chart, linksbündig, 12 px, 12 px Marker. * - * **Der Marker zeigt, was das Diagramm zeichnet.** Eine gefüllte Reihe bekommt - * einen Punkt, eine gestrichelte Vergleichsreihe ein gestricheltes - * Linienstück mit demselben Strichmuster wie im Chart. - * - * Vorher war auch die gestrichelte Reihe ein 10 px großes Kästchen, nur mit - * gestricheltem Rand. Auf zehn Pixel bleiben von einem gestrichelten Rechteck - * ein paar Eckstriche übrig; das sah aus wie ein Zeichenfehler und nicht wie - * eine Linie. Und es stimmte auch nicht: Im Diagramm ist „Vorjahr" kein - * Kästchen, sondern eine Linie. + * Alle Einträge tragen denselben Marker und unterscheiden sich nur durch die + * Farbe. Die Vergleichsreihe ist im Diagramm grau und gestrichelt; in der + * Legende genügt das Grau. Ein zweiter Markertyp daneben bringt keine + * zusätzliche Auskunft, kostet aber die ruhige Reihe gleicher Formen. */ - -/** Muss zur Vergleichsreihe in AreaVerlauf.tsx passen: 1,5 px, Muster 4/4. */ -const STRICH = { breite: 18, staerke: 1.5, muster: "4 4" } as const; export function ChartLegende({ eintraege, /** Ausgeblendete Reihen erscheinen ausgegraut: Klick schaltet um. */ inaktiv = [], onToggle, }: { - eintraege: { name: string; farbe: string; wert?: string; gestrichelt?: boolean }[]; + eintraege: { name: string; farbe: string; wert?: string }[]; inaktiv?: string[]; onToggle?: (name: string) => void; }) { @@ -36,31 +28,10 @@ export function ChartLegende({ const aus = inaktiv.includes(eintrag.name); const Inhalt = ( <> - {eintrag.gestrichelt ? ( - - - - ) : ( - - )} + }) { }) { } diff --git a/features/dashboard/pages/KomponentenSeite.tsx b/features/dashboard/pages/KomponentenSeite.tsx index fdffe64..28e0bef 100644 --- a/features/dashboard/pages/KomponentenSeite.tsx +++ b/features/dashboard/pages/KomponentenSeite.tsx @@ -152,7 +152,7 @@ export function KomponentenSeite() { } diff --git a/features/dashboard/pages/UebersichtSeite.tsx b/features/dashboard/pages/UebersichtSeite.tsx index 1ca3eb0..1acb970 100644 --- a/features/dashboard/pages/UebersichtSeite.tsx +++ b/features/dashboard/pages/UebersichtSeite.tsx @@ -142,7 +142,7 @@ export function UebersichtSeite({ vm }: { vm: VMState }) { }