Vorlage:Pie chart

Aus Johann Steuerleins Reimbibel
Version vom 18. Januar 2024, 16:52 Uhr von Walknud (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „<div class="thumb t{{{thumb|right}}}"><div class="thumbinner" style="width:202px"> <!-- Graph --> <div style="background-color:white;margin:auto;position:relative;width:200px;height:200px;overflow:hidden"> {{#if:{{{value15|}}}|{{Pie chart/slice|{{{color15|sienna}}}|{{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}}+{{{value9}}}+{{{value10}}}+{{{value11}}}+{{{value12}}}+{{{value13}}}+{{{value14}…“)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
Zur Navigation springen Zur Suche springen
{{#if:|
|1=

right:100px; top:0; border-width:0 {{#expr:100*tan(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}}+{{{value9}}}+{{{value10}}}+{{{value11}}}+{{{value12}}}+{{{value13}}}+{{{value14}}}+{{{value15}}} }}-25))}}px 100px 0; border-right-color:sienna

">
|2=

right:100px; top:100px; border-width:{{#expr:100*sin(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}}+{{{value9}}}+{{{value10}}}+{{{value11}}}+{{{value12}}}+{{{value13}}}+{{{value14}}}+{{{value15}}} }}-50))}}px {{#expr:100*cos(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}}+{{{value9}}}+{{{value10}}}+{{{value11}}}+{{{value12}}}+{{{value13}}}+{{{value14}}}+{{{value15}}} }}-50))}}px 0 0; border-top-color:sienna

">
|3=

left:100px; top:100px; border-width:100px 0 0 {{#expr:100*tan(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}}+{{{value9}}}+{{{value10}}}+{{{value11}}}+{{{value12}}}+{{{value13}}}+{{{value14}}}+{{{value15}}} }}-25))}}px; border-left-color:sienna

">
|4=

left:0; top:0; border-width:0 200px 200px 0; border-color:sienna

">

}}}}

{{#if:|

|1=

right:100px; top:0; border-width:0 {{#expr:100*tan(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}}+{{{value9}}}+{{{value10}}}+{{{value11}}}+{{{value12}}}+{{{value13}}}+{{{value14}}} }}-25))}}px 100px 0; border-right-color:sienna

">

|2=

right:100px; top:100px; border-width:{{#expr:100*sin(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}}+{{{value9}}}+{{{value10}}}+{{{value11}}}+{{{value12}}}+{{{value13}}}+{{{value14}}} }}-50))}}px {{#expr:100*cos(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}}+{{{value9}}}+{{{value10}}}+{{{value11}}}+{{{value12}}}+{{{value13}}}+{{{value14}}} }}-50))}}px 0 0; border-top-color:sienna

">

|3=

left:100px; top:100px; border-width:100px 0 0 {{#expr:100*tan(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}}+{{{value9}}}+{{{value10}}}+{{{value11}}}+{{{value12}}}+{{{value13}}}+{{{value14}}} }}-25))}}px; border-left-color:sienna

">

|4=

left:0; top:0; border-width:0 200px 200px 0; border-color:sienna

">

}}}}

{{#if:|

|1=

right:100px; top:0; border-width:0 {{#expr:100*tan(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}}+{{{value9}}}+{{{value10}}}+{{{value11}}}+{{{value12}}}+{{{value13}}} }}-25))}}px 100px 0; border-right-color:sienna

">

|2=

right:100px; top:100px; border-width:{{#expr:100*sin(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}}+{{{value9}}}+{{{value10}}}+{{{value11}}}+{{{value12}}}+{{{value13}}} }}-50))}}px {{#expr:100*cos(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}}+{{{value9}}}+{{{value10}}}+{{{value11}}}+{{{value12}}}+{{{value13}}} }}-50))}}px 0 0; border-top-color:sienna

">

|3=

left:100px; top:100px; border-width:100px 0 0 {{#expr:100*tan(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}}+{{{value9}}}+{{{value10}}}+{{{value11}}}+{{{value12}}}+{{{value13}}} }}-25))}}px; border-left-color:sienna

">

|4=

left:0; top:0; border-width:0 200px 200px 0; border-color:sienna

">

}}}}

{{#if:|

|1=

right:100px; top:0; border-width:0 {{#expr:100*tan(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}}+{{{value9}}}+{{{value10}}}+{{{value11}}}+{{{value12}}} }}-25))}}px 100px 0; border-right-color:sienna

">

|2=

right:100px; top:100px; border-width:{{#expr:100*sin(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}}+{{{value9}}}+{{{value10}}}+{{{value11}}}+{{{value12}}} }}-50))}}px {{#expr:100*cos(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}}+{{{value9}}}+{{{value10}}}+{{{value11}}}+{{{value12}}} }}-50))}}px 0 0; border-top-color:sienna

">

|3=

left:100px; top:100px; border-width:100px 0 0 {{#expr:100*tan(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}}+{{{value9}}}+{{{value10}}}+{{{value11}}}+{{{value12}}} }}-25))}}px; border-left-color:sienna

">

|4=

left:0; top:0; border-width:0 200px 200px 0; border-color:sienna

">

}}}}

{{#if:|

|1=

right:100px; top:0; border-width:0 {{#expr:100*tan(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}}+{{{value9}}}+{{{value10}}}+{{{value11}}} }}-25))}}px 100px 0; border-right-color:sienna

">

|2=

right:100px; top:100px; border-width:{{#expr:100*sin(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}}+{{{value9}}}+{{{value10}}}+{{{value11}}} }}-50))}}px {{#expr:100*cos(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}}+{{{value9}}}+{{{value10}}}+{{{value11}}} }}-50))}}px 0 0; border-top-color:sienna

">

|3=

left:100px; top:100px; border-width:100px 0 0 {{#expr:100*tan(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}}+{{{value9}}}+{{{value10}}}+{{{value11}}} }}-25))}}px; border-left-color:sienna

">

|4=

left:0; top:0; border-width:0 200px 200px 0; border-color:sienna

">

}}}}

{{#if:|

|1=

right:100px; top:0; border-width:0 {{#expr:100*tan(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}}+{{{value9}}}+{{{value10}}} }}-25))}}px 100px 0; border-right-color:sienna

">

|2=

right:100px; top:100px; border-width:{{#expr:100*sin(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}}+{{{value9}}}+{{{value10}}} }}-50))}}px {{#expr:100*cos(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}}+{{{value9}}}+{{{value10}}} }}-50))}}px 0 0; border-top-color:sienna

">

|3=

left:100px; top:100px; border-width:100px 0 0 {{#expr:100*tan(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}}+{{{value9}}}+{{{value10}}} }}-25))}}px; border-left-color:sienna

">

|4=

left:0; top:0; border-width:0 200px 200px 0; border-color:sienna

">

}}}}

{{#if:|

|1=

right:100px; top:0; border-width:0 {{#expr:100*tan(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}}+{{{value9}}} }}-25))}}px 100px 0; border-right-color:purple

">

|2=

right:100px; top:100px; border-width:{{#expr:100*sin(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}}+{{{value9}}} }}-50))}}px {{#expr:100*cos(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}}+{{{value9}}} }}-50))}}px 0 0; border-top-color:purple

">

|3=

left:100px; top:100px; border-width:100px 0 0 {{#expr:100*tan(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}}+{{{value9}}} }}-25))}}px; border-left-color:purple

">

|4=

left:0; top:0; border-width:0 200px 200px 0; border-color:purple

">

}}}}

{{#if:|

|1=

right:100px; top:0; border-width:0 {{#expr:100*tan(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}} }}-25))}}px 100px 0; border-right-color:orange

">

|2=

right:100px; top:100px; border-width:{{#expr:100*sin(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}} }}-50))}}px {{#expr:100*cos(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}} }}-50))}}px 0 0; border-top-color:orange

">

|3=

left:100px; top:100px; border-width:100px 0 0 {{#expr:100*tan(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}}+{{{value8}}} }}-25))}}px; border-left-color:orange

">

|4=

left:0; top:0; border-width:0 200px 200px 0; border-color:orange

">

}}}}

{{#if:|

|1=

right:100px; top:0; border-width:0 {{#expr:100*tan(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}} }}-25))}}px 100px 0; border-right-color:brown

">

|2=

right:100px; top:100px; border-width:{{#expr:100*sin(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}} }}-50))}}px {{#expr:100*cos(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}} }}-50))}}px 0 0; border-top-color:brown

">

|3=

left:100px; top:100px; border-width:100px 0 0 {{#expr:100*tan(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}}+{{{value7}}} }}-25))}}px; border-left-color:brown

">

|4=

left:0; top:0; border-width:0 200px 200px 0; border-color:brown

">

}}}}

{{#if:|

|1=

right:100px; top:0; border-width:0 {{#expr:100*tan(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}} }}-25))}}px 100px 0; border-right-color:aqua

">

|2=

right:100px; top:100px; border-width:{{#expr:100*sin(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}} }}-50))}}px {{#expr:100*cos(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}} }}-50))}}px 0 0; border-top-color:aqua

">

|3=

left:100px; top:100px; border-width:100px 0 0 {{#expr:100*tan(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}}+{{{value6}}} }}-25))}}px; border-left-color:aqua

">

|4=

left:0; top:0; border-width:0 200px 200px 0; border-color:aqua

">

}}}}

{{#if:|

|1=

right:100px; top:0; border-width:0 {{#expr:100*tan(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}} }}-25))}}px 100px 0; border-right-color:fuchsia

">

|2=

right:100px; top:100px; border-width:{{#expr:100*sin(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}} }}-50))}}px {{#expr:100*cos(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}} }}-50))}}px 0 0; border-top-color:fuchsia

">

|3=

left:100px; top:100px; border-width:100px 0 0 {{#expr:100*tan(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}}+{{{value5}}} }}-25))}}px; border-left-color:fuchsia

">

|4=

left:0; top:0; border-width:0 200px 200px 0; border-color:fuchsia

">

}}}}

{{#if:|

|1=

right:100px; top:0; border-width:0 {{#expr:100*tan(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}} }}-25))}}px 100px 0; border-right-color:yellow

">

|2=

right:100px; top:100px; border-width:{{#expr:100*sin(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}} }}-50))}}px {{#expr:100*cos(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}} }}-50))}}px 0 0; border-top-color:yellow

">

|3=

left:100px; top:100px; border-width:100px 0 0 {{#expr:100*tan(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}}+{{{value4}}} }}-25))}}px; border-left-color:yellow

">

|4=

left:0; top:0; border-width:0 200px 200px 0; border-color:yellow

">

}}}}

{{#if:|

|1=

right:100px; top:0; border-width:0 {{#expr:100*tan(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}} }}-25))}}px 100px 0; border-right-color:blue

">

|2=

right:100px; top:100px; border-width:{{#expr:100*sin(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}} }}-50))}}px {{#expr:100*cos(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}} }}-50))}}px 0 0; border-top-color:blue

">

|3=

left:100px; top:100px; border-width:100px 0 0 {{#expr:100*tan(pi/50*({{#expr: {{{value1}}}+{{{value2}}}+{{{value3}}} }}-25))}}px; border-left-color:blue

">

|4=

left:0; top:0; border-width:0 200px 200px 0; border-color:blue

">

}}}}

{{#if:|

|1=

right:100px; top:0; border-width:0 {{#expr:100*tan(pi/50*({{#expr: {{{value1}}}+{{{value2}}} }}-25))}}px 100px 0; border-right-color:green

">

|2=

right:100px; top:100px; border-width:{{#expr:100*sin(pi/50*({{#expr: {{{value1}}}+{{{value2}}} }}-50))}}px {{#expr:100*cos(pi/50*({{#expr: {{{value1}}}+{{{value2}}} }}-50))}}px 0 0; border-top-color:green

">

|3=

left:100px; top:100px; border-width:100px 0 0 {{#expr:100*tan(pi/50*({{#expr: {{{value1}}}+{{{value2}}} }}-25))}}px; border-left-color:green

">

|4=

left:0; top:0; border-width:0 200px 200px 0; border-color:green

">

}}}}

{{#if:|

|1=

right:100px; top:0; border-width:0 {{#expr:100*tan(pi/50*( {{{value1}}} -25))}}px 100px 0; border-right-color:red

">

|2=

right:100px; top:100px; border-width:{{#expr:100*sin(pi/50*( {{{value1}}} -50))}}px {{#expr:100*cos(pi/50*( {{{value1}}} -50))}}px 0 0; border-top-color:red

">

|3=

left:100px; top:100px; border-width:100px 0 0 {{#expr:100*tan(pi/50*( {{{value1}}} -25))}}px; border-left-color:red

">

|4=

left:0; top:0; border-width:0 200px 200px 0; border-color:red

">

}}}}

{{#if:|
{{#if: | Vorlage:If empty| }} {{{label1}}} ({{{value1}}}%)
}}{{#if:|
{{#if: | Vorlage:If empty| }} {{{label2}}} ({{{value2}}}%)
}}{{#if:|
{{#if: | Vorlage:If empty| }} {{{label3}}} ({{{value3}}}%)
}}{{#if:|
{{#if: | Vorlage:If empty| }} {{{label4}}} ({{{value4}}}%)
}}{{#if:|
{{#if: | Vorlage:If empty| }} {{{label5}}} ({{{value5}}}%)
}}{{#if:|
{{#if: | Vorlage:If empty| }} {{{label6}}} ({{{value6}}}%)
}}{{#if:|
{{#if: | Vorlage:If empty| }} {{{label7}}} ({{{value7}}}%)
}}{{#if:|
{{#if: | Vorlage:If empty| }} {{{label8}}} ({{{value8}}}%)
}}{{#if:|
{{#if: | Vorlage:If empty| }} {{{label9}}} ({{{value9}}}%)
}}{{#if:|
{{#if: | Vorlage:If empty| }} {{{label10}}} ({{{value10}}}%)
}}{{#if:|
{{#if: | Vorlage:If empty| }} {{{label11}}} ({{{value11}}}%)
}}{{#if:|
{{#if: | Vorlage:If empty| }} {{{label12}}} ({{{value12}}}%)
}}{{#if:|
{{#if: | Vorlage:If empty| }} {{{label13}}} ({{{value13}}}%)
}}{{#if:|
{{#if: | Vorlage:If empty| }} {{{label14}}} ({{{value14}}}%)
}}{{#if:|
{{#if: | Vorlage:If empty| }} {{{label15}}} ({{{value15}}}%)
}}{{#if:|
{{#if: | Vorlage:If empty| }} Other ({{#expr:100-0-0-0-0-0-0-0-0-0-0-0-0-0-0-0}}%)
}}