search

gaenseklein / slidenotes

0 stars 0 forks source link

größe der chart bestimmen #73

Closed gaenseklein closed 5 years ago

gaenseklein commented 5 years ago

wie groß soll die chart sein? keine triviale frage.

horizontal: maximum 100% des containers (seite oder section) ist okay.

vertikal: 100% ist blöd, da so viel zu groß wird. hier kommt es im endeffekt drauf an, wieviel platz noch da ist. das ist aber nicht bekannt zum zeitpunkt der erstellung - oder doch?

robuste erste lösung: wir legen das relativ von hand fest: charts sind insgesamt ca 70% groß. eine chart auf der seite/in der section: 70% zwei: 35% drei: 25%

gaenseklein commented 5 years ago

das muss vom block-theme gelöst werden. es ist dessen aufgabe, heraus zu finden wie groß die chart sein darf. ansatz wäre zu sagen: eine line mit einer chart ist 1fr groß. alle anderen auto. so nimmt die chart immer den maximal möglichen raum ein und falls mehrere charts da sind teilen sie sich den maximal verfügbaren raum.

gaenseklein commented 5 years ago

klappt ganz gut der ansatz

gaenseklein commented 5 years ago

beißt sich aber mit der section:left auf gleicher seite aber chart außerhalb von section:left

gaenseklein commented 5 years ago

section:left/right auf gleicher seite führt zu 2fr oder mehr, dann passt es ganz gut. muss oder kann noch angepasst werden. bspw. auf 10fr siehts auch sehr gut aus. 10 fr hab ich mal gelassen. zur erklärung: bei sectionleft/right wird der grid-tabelle eine neue zeile nachgeschaltet, die die höhe 1fr hat und dadurch dafür sorgt, dass left/right sections bis zum ende der seite gehen. das ist insbesondere mit hintergründen wichtig. (hintergrundbild oder css-hintergrundfarbe vom theme) - eine platzhalter-zeile. dadurch teilen sich die zeilen mit der chart und eben dieser sectionleft-zeile den rest des verfügbaren platzes auf. da hier auch wieder gelten sollte, die chart so groß wie möglich zu machen, sollte ihre fraction ein vielfaches der platzhalterzeile bekommen. dadurch, dass die chart-zeilen aber die gleiche größe haben bleibt ihre relation erhalten.

gaenseklein commented 5 years ago

@jochmann: zusammenfassung von obigem: chart-größe bestimmt sich im grid. zeilen mit einer chart teilen sich den verfügbaren platz auf der seite unter sich auf (1fr), alle anderen zeilen bekommen größe "auto". sonderfall mit section-left/right auf gleicher seite: section hat eine platzhalterzeile (größe 1fr), daher müssen die chartgrößen in relation dazu gesetzt werden um sich nicht zu sehr den platz mit dieser platzhalterzeile zu verschwenden. daher bekommen sie die x-fache größe der platzhalterzeile (bspw. 10fr).

gaenseklein commented 5 years ago

section-right block mit hintergrundbild, chart im freien raum bildschirmfoto-1 2 charts auf einer seite: 2charts1page zwei charts auf einer seite, die pie chart in section-left: pie2area

jochmann commented 5 years ago

sehr geil

Am 05.03.2019 um 21:09 schrieb gaenseklein notifications@github.com:

Slide mit section-right mit hintergrundbild und chart und text ohne: https://user-images.githubusercontent.com/31316726/53834009-3d6b7500-3f8a-11e9-84ea-3983ea71e4af.png zwei charts auf einer seite: https://user-images.githubusercontent.com/31316726/53834048-5aa04380-3f8a-11e9-9eb3-6c0cc9a1f3b9.png pie-chart in section-left, arealine außerhalb: https://user-images.githubusercontent.com/31316726/53834265-d8fce580-3f8a-11e9-8826-8428247dc9cf.png — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/gaenseklein/slidenotes/issues/73#issuecomment-469838758, or mute the thread https://github.com/notifications/unsubscribe-auth/AB6hBMgGweZjZpbH78-qOxTFquQCZTVuks5vTs7jgaJpZM4bOStY.