Vorlage:Pie chart: Unterschied zwischen den Versionen

Aus Johann Steuerleins Reimbibel
Zur Navigation springen Zur Suche springen
VisuellWikitext
(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}…“)
 
Keine Bearbeitungszusammenfassung
Zeile 47: Zeile 47:
{{{value1}}}
{{{value1}}}
}}}}
}}}}
<div style="position:absolute;left:0;top:0">[[File:Circle frame.svg|200px|link=]]</div>
<div style="position:absolute;left:0;top:0">[[Datei:Circle frame.svg|200px|link=]]</div>
</div>
</div>
<!-- Legend -->
<!-- Legend -->

Version vom 18. Januar 2024, 17:00 Uhr

{{#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}}%)
}}
Abgerufen von „http://steuerlein-reimbibel.de/index.php?title=Vorlage:Pie_chart&oldid=1081“