Difference between revisions of "PieChartSegment"

From Sega Retro

 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly><div style="display:none;">
+
<includeonly>{{#vardefine:angle|{{{angle|}}}}}{{#vardefine:colour|{{#if:{{{colour|}}}|{{{colour}}}|{{#sub:{{WikiColour|FG|{{#switch:{{#var:segmentCount}}
{{#vardefine:hyp|{{#expr:sqrt(({{#var:radius}}^2)+({{#var:radius}}^2))}}}}
+
    |0=blue
</div><div style="border-left: {{#var:radius}}px solid transparent;
+
    |1=red
            border-right: {{#var:radius}}px solid transparent;
+
    |2=orange
            border-top: {{#var:radius}}px solid transparent;
+
    |3=green
            border-bottom: {{#var:radius}}px solid green; width:0px; transform-origin:{{#var:radius}}px {{#var:radius}}px; transform: translate({{#var:hyp}}px, 0px) rotate(45deg)"></div><div style="display:none;">
+
    |4=purple
 +
    |5=cyan
 +
    |6=yellow
 +
    |7=redmagenta
 +
    |8=yellowgreen
 +
    |9=magenta
 +
  }}}}|0|-1}}{{#ifexpr:{{#var:segmentCount}}>9|{{#switch:{{#var:segmentCount}}
 +
    |10=666666
 +
    |11=FFFFFF
 +
    |12=AAAAAA
 +
    |13=000000
 +
    |14=FFAAAA
 +
    |15=AAFFAA
 +
    |16=AAAAFF
 +
    |17=FFFFAA
 +
    |18=AAFFFF
 +
    |19=FFAAFF
 +
    |#default:000000
 +
  }}}}}}}}
 +
  #{{#var:colour}} {{#var:totalAngles}}deg {{#expr:{{#var:totalAngles}}+{{#var:angle}}}}deg,{{#vardefine:totalAngles|{{#expr:{{#var:totalAngles}}+{{#var:angle}}}}}}{{#vardefine:legend|{{#var:legend}}
 +
<div><div style="width:20px; height:20px; background-color: #{{#var:colour}}; border:1px solid #000000; display:inline-block; vertical-align:middle;"></div> {{{caption|}}} ({{#expr:({{#var:angle}}/360)*100 round 2}}%)</div>}}{{incvar|segmentCount}}
 +
</includeonly><noinclude>
  
<!--{{#vardefine:skewangle|{{#expr:90-{{{angle|}}}}}}}
+
{{PieChart|
{{#vardefine:opp|{{#var:radius}}}}
+
{{PieChartSegment
{{#vardefine:hyp|{{#expr:{{#var:opp}}/sin({{Deg2Rad|{{#expr:90-{{#var:skewangle}}}}}})}}}}
+
| angle=10
{{#vardefine:adj|{{#expr:sqrt(({{#var:hyp}}^2) - ({{#var:opp}}^2))}}}}
+
| caption=aaa
 
+
}}
{{#vardefine:translationX|{{#expr:{{#var:radius}}+({{#var:adj}}/2)}}}}
+
{{PieChartSegment
{{#vardefine:translationY|{{#var:radius}}}}
+
| angle=20
 
+
| caption=bbb
</div><div style="transform:translate({{#var:translationX}}px, {{#expr:(-{{#var:oldTranslationY}}) + {{#var:translationY}}}}px) rotate({{#expr:{{#var:oldAngle}}}}deg);"><div style="width:{{#var:radius}}px; height:{{#var:radius}}px; background-color:#{{{colour|}}}{{{color|}}}; border:0px; transform: skew({{#var:skewangle}}deg); position:relative;"></div></div>{{
+
}}
#vardefine:oldTranslationX|{{#var:translationX}}}}{{
+
{{PieChartSegment
#vardefine:oldTranslationY|{{#var:translationY}}}}{{
+
| angle=30
#vardefine:oldAngle|{{{angle|}}}-->
+
| caption=ccc
 +
}}
 +
{{PieChartSegment
 +
| angle=40
 +
| caption=ddd
 +
}}
 +
{{PieChartSegment
 +
| angle=50
 +
| caption=eee
 +
}}
 +
{{PieChartSegment
 +
| angle=60
 +
| caption=fff
 +
}}
 +
{{PieChartSegment
 +
| angle=45
 +
| caption=ggg
 
}}
 
}}
</includeonly><noinclude>
 
{{#vardefine:oldTranslationX|0}}{{#vardefine:oldTranslationY|0}}{{#vardefine:oldAngle|0}}
 
{{PieChart|
 
 
{{PieChartSegment
 
{{PieChartSegment
 
| angle=45
 
| angle=45
| colour=0000FF
+
| caption=hhh
 
}}
 
}}
 
{{PieChartSegment
 
{{PieChartSegment
| angle=20
+
| angle=10
| colour=FF00FF
+
| caption=iii
 +
| colour=555555
 
}}
 
}}
 
}}
 
}}
 
+
<div style="display:inline-block">{{PieChartGenre|diameter=200|system=SG-1000}}</div>
 
+
<div style="display:inline-block">{{PieChartGenre|diameter=200|system=Dreamcast}}</div>
 
+
<div style="display:inline-block">{{PieChartReleaseDate|diameter=200|system=Mega Drive}}</div>
 
 
 
 
 
[[Category:Templates]]</noinclude>
 
[[Category:Templates]]</noinclude>

Latest revision as of 13:36, 12 April 2022


aaa (2.78%)
bbb (5.56%)
ccc (8.33%)
ddd (11.11%)
eee (13.89%)
fff (16.67%)
ggg (12.5%)
hhh (12.5%)
iii (2.78%)
SG-1000







Action (41) (43.62%)
Adventure (1) (1.06%)
Educational (0) (0%)
Fighting (0) (0%)
Racing (6) (6.38%)
RPG (1) (1.06%)
Shoot-'em-up (22) (23.4%)
Simulation (0) (0%)
Sports (14) (14.89%)
Table (6) (6.38%)
Miscellaneous (3) (3.19%)
Dreamcast







Action (152) (18.88%)
Adventure (148) (18.39%)
Educational (0) (0%)
Fighting (29) (3.6%)
Racing (58) (7.2%)
RPG (50) (6.21%)
Shoot-'em-up (48) (5.96%)
Simulation (106) (13.17%)
Sports (77) (9.57%)
Table (83) (10.31%)
Miscellaneous (54) (6.71%)
Mega Drive














1988 (4) (0.38%)
1989 (24) (2.25%)
1990 (79) (7.42%)
1991 (156) (14.65%)
1992 (152) (14.27%)
1993 (199) (18.69%)
1994 (216) (20.28%)
1995 (128) (12.02%)
1996 (47) (4.41%)
1997 (17) (1.6%)
1998 (16) (1.5%)
1999 (7) (0.66%)
2000 (2) (0.19%)
2001 (7) (0.66%)
2002 (6) (0.56%)
2003 (5) (0.47%)