"साँचा:Pie chart/slice" के अवतरणों में अंतर
नेविगेशन पर जाएँ
खोज पर जाएँ
imported>Shubhamkanodia (नया पृष्ठ: <includeonly><div class="transborder" style="position:absolute;width:100px;line-height:0;{{#switch:{{#expr:floor({{{2}}}/25)}} <!-- 0-25% --> |0= left:100px; top:{{#exp...) |
https://hiwiki.iiit.ac.in/index.php?title=>MusikBot II छो (Changed protection settings for "Template:Pie chart/slice": High-risk template or module: 4171 transclusions (more info) ([Edit=Require extended confirmed access] (indefinite) [Move=Require extended confirmed access] (indefinite))) |
||
| पंक्ति १: | पंक्ति १: | ||
<includeonly><div | <includeonly><div style="border:solid transparent;position:absolute;width:{{{radius|100}}}px;line-height:0;{{#switch:{{#expr:floor({{{2}}}/25)}} | ||
<!-- 0-25% --> |0= | <!-- 0-25% --> |0= | ||
left: | left:{{{radius|100}}}px; | ||
top:{{#expr:100- | top:{{#expr:{{{radius|100}}}*(1-sin(pi/50*{{{2}}}))}}px; | ||
border-width:0 0 {{#expr:100*sin(pi/50*{{{2}}})}}px {{#expr:100*cos(pi/50*{{{2}}})}}px; | border-width:0 0 {{#expr:{{{radius|100}}}*sin(pi/50*{{{2}}})}}px {{#expr:{{{radius|100}}}*cos(pi/50*{{{2}}})}}px; | ||
border-bottom-color:{{{1}}} | border-bottom-color:{{{1}}} | ||
"></div> | "></div> | ||
<!-- 25-50% --> |1= | <!-- 25-50% --> |1= | ||
right: | right:{{{radius|100}}}px; | ||
top:0; | top:0; | ||
border-width:0 {{#expr:100*tan(pi/50*({{{2}}}-25))}}px | border-width:0 {{#expr:{{{radius|100}}}*tan(pi/50*({{{2}}}-25))}}px {{{radius|100}}}px 0; | ||
border-right-color:{{{1}}} | border-right-color:{{{1}}} | ||
"></div> | "></div> | ||
<div style="position:absolute;line-height:0;border-style:solid;right:0;top:0;border-width:0 | <div style="position:absolute;line-height:0;border-style:solid;right:0;top:0;border-width:0 {{{radius|100}}}px {{{radius|100}}}px 0;border-color:{{{1}}}"></div> | ||
<!-- 50-75% --> |2= | <!-- 50-75% --> |2= | ||
right: | right:{{{radius|100}}}px; | ||
top: | top:{{{radius|100}}}px; | ||
border-width:{{#expr:100*sin(pi/50*({{{2}}}-50))}}px {{#expr:100*cos(pi/50*({{{2}}}-50))}}px 0 0; | border-width:{{#expr:{{{radius|100}}}*sin(pi/50*({{{2}}}-50))}}px {{#expr:{{{radius|100}}}*cos(pi/50*({{{2}}}-50))}}px 0 0; | ||
border-top-color:{{{1}}} | border-top-color:{{{1}}} | ||
"></div> | "></div> | ||
<div style="position:absolute;line-height:0;border-style:solid;left:0;top:0;border-width:0 | <div style="position:absolute;line-height:0;border-style:solid;left:0;top:0;border-width:0 {{#expr:2*{{{radius|100}}}}}px {{{radius|100}}}px 0;border-color:{{{1}}}"></div> | ||
<!-- 75%-100% --> |3= | <!-- 75%-100% --> |3= | ||
left: | left:{{{radius|100}}}px; | ||
top: | top:{{{radius|100}}}px; | ||
border-width: | border-width:{{{radius|100}}}px 0 0 {{#expr:{{{radius|100}}}*tan(pi/50*({{{2}}}-25))}}px; | ||
border-left-color:{{{1}}} | border-left-color:{{{1}}} | ||
"></div> | "></div> | ||
<div style="position:absolute;line-height:0;border-style:solid;left:0;top:0;border-width:0 | <div style="position:absolute;line-height:0;border-style:solid;left:0;top:0;border-width:0 {{#expr:2*{{{radius|100}}}}}px {{{radius|100}}}px 0;border-color:{{{1}}}"></div> | ||
<div style="position:absolute;line-height:0;border-style:solid;left:0;top:0;border-width:0 | <div style="position:absolute;line-height:0;border-style:solid;left:0;top:0;border-width:0 {{{radius|100}}}px {{#expr:2*{{{radius|100}}}}}px 0;border-color:{{{1}}}"></div> | ||
<!-- 100% --> |4= | <!-- 100% --> |4= | ||
left:0; | left:0; | ||
top:0; | top:0; | ||
border-width:0 | border-width:0 {{#expr:2*{{{radius|100}}}}}px {{#expr:2*{{{radius|100}}}}}px 0; | ||
border-color:{{{1}}} | border-color:{{{1}}} | ||
"></div> | "></div> | ||