SVG Grid und Datendarstellung

[Rolf B]

Hallo Helmut,

Jetzt muss ich nur noch eine Möglichkeit finden, möglichst ohne JS mit Checkboxen die CSS-Klassen für die Kurven so zu manipulieren

Wenn's inline svg ist, könnte das mit dem Checkbox-Hack gehen. Zu jeder Kurve gibt's eine Checkbox und beide kriegen die gleiche Klasse.

Die Kurven kriegen dazu noch eine graph Klasse, um sie alle zusammen ansprechen zu können.

svg .graph {
   visibility: hidden;
}
input[type="checkbox"].graph_1:checked ~ svg .graph1 {
   visibility: normal;
}

Setzt im Firefox aber immer noch voraus, dass Checkbox und SVG Geschwister sind. In Chromia und Webkittys kann man das mit :has() verschönern: hier

Aber GUT ist das nicht. Verhalten soll nicht von CSS gesteuert werden, dafür ist JS da.

Rolf