Difference between revisions of "PieChartSegment"

From Sega Retro
 
(9 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:size|{{#expr:{{#var:radius}} * 2}}}}
+
    |0=blue
−
{{#vardefine:angle|{{{angle|}}}}}
+
    |1=red
−
{{#vardefine:adj|{{#expr:cos({{Deg2Rad|{{#var:angle}}/2}})*{{#var:size}}}}}}
+
    |2=orange
−
</div><div style="line-height:0px;
+
    |3=green
−
            border-left: {{#var:size}}px solid transparent;
+
    |4=purple
−
            border-right: {{#var:size}}px solid transparent;
+
    |5=cyan
−
            border-top: {{#var:size}}px solid transparent;
+
    |6=yellow
−
            border-bottom: {{#var:adj}}px solid green;
+
    |7=redmagenta
−
            width:0px; transform-origin:{{#var:size}}px {{#var:size}}px; transform: translate(-{{#expr:{{#var:size}}/2}}px, -{{#expr:{{#var:size}}/2}}px) rotate(-{{#expr:45}}deg)">{{#var:adj}}</div><div style="display:none;">
+
    |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 (40) (39.22%)
Adventure (1) (0.98%)
Educational (0) (0%)
Fighting (0) (0%)
Racing (6) (5.88%)
RPG (1) (0.98%)
Shoot-'em-up (22) (21.57%)
Simulation (0) (0%)
Sports (23) (22.55%)
Table (6) (5.88%)
Miscellaneous (3) (2.94%)
Dreamcast







Action (74) (10.96%)
Adventure (137) (20.3%)
Educational (0) (0%)
Fighting (29) (4.3%)
Racing (54) (8%)
RPG (34) (5.04%)
Shoot-'em-up (44) (6.52%)
Simulation (106) (15.7%)
Sports (69) (10.22%)
Table (74) (10.96%)
Miscellaneous (54) (8%)
Mega Drive














1988 (4) (0.38%)
1989 (24) (2.26%)
1990 (79) (7.42%)
1991 (156) (14.66%)
1992 (152) (14.29%)
1993 (199) (18.7%)
1994 (216) (20.3%)
1995 (128) (12.03%)
1996 (47) (4.42%)
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 (4) (0.38%)
Retrieved from "https://segaretro.org/index.php?title=Template:PieChartSegment&oldid=768841"