Lompat ke isi

Templat:Stacked bar: Perbedaan antara revisi

Dari Wikipedia bahasa Indonesia, ensiklopedia bebas
Jelajahi riwayat secara interaktif
Revisi selanjutnya →
Konten dihapus Konten ditambahkan
VisualTeks wiki
←Membuat halaman berisi '<includeonly><div class="StackedBarTemplate"><div style="font-size: 14px; width:100%; text-align:center;"> {{#ifeq: {{{T1|0}}} | 0 | <!-- do nothing --> | <div style="...'
 
update
Baris 1: Baris 1:
<templatestyles src="Stacked bar/styles.css" />
<includeonly><div class="StackedBarTemplate"><div style="font-size: 14px; width:100%; text-align:center;">
<includeonly><div class="StackedBarTemplate {{yesno|{{{vertical_caption|}}}|yes=StackedBarTemplate_vertical|def=StackedBarTemplate_{{{vertical_caption|}}}}}"><div style="{{yesno|{{{vertical_caption|}}}|yes=max-height: {{{caption_height|8em}}}}}">
⚫
{{#ifeq: {{{T1|0}}} | 0 | <!-- do nothing --> | <div style="float:left; width:{{#expr: ( trunc ( 1000 * {{{A1}}} / {{{Total|100}}} ) ) / 10 round 1 }}%>{{{T1}}}</div>}}<!--
-->{{#ifeq: {{{T2|0}}} | 0 | <!-- do nothing --> | <div style="float:left; width:{{#expr: ( trunc ( 1000 * {{{A2}}} / {{{Total|100}}} ) ) / 10 round 1 }}%>{{{T2}}}</div>}}<!--
{{#ifeq: {{{T1|0}}} | 0 | <!-- do nothing --> | <div style="flex:{{#expr: 100 * {{{A1}}} / {{{Total|100}}} round 1 }}">{{#if:{{{T1}}}|<span>{{{T1}}}</span>}}</div>}}<!--
-->{{#ifeq: {{{T3|0}}} | 0 | <!-- do nothing --> | <div style="float:left; width:{{#expr: ( trunc ( 1000 * {{{A3}}} / {{{Total|100}}} ) ) / 10 round 1 }}%>{{{T3}}}</div>}}<!--
-->{{#ifeq: {{{T2|0}}} | 0 | <!-- do nothing --> | <div style="flex:{{#expr: 100 * {{{A2}}} / {{{Total|100}}} round 1 }}">{{#if:{{{T2}}}|<span>{{{T2}}}</span>}}</div>}}<!--
-->{{#ifeq: {{{T4|0}}} | 0 | <!-- do nothing --> | <div style="float:left; width:{{#expr: ( trunc ( 1000 * {{{A4}}} / {{{Total|100}}} ) ) / 10 round 1 }}%>{{{T4}}}</div>}}<!--
-->{{#ifeq: {{{T3|0}}} | 0 | <!-- do nothing --> | <div style="flex:{{#expr: 100 * {{{A3}}} / {{{Total|100}}} round 1 }}">{{#if:{{{T3}}}|<span>{{{T3}}}</span>}}</div>}}<!--
-->{{#ifeq: {{{T5|0}}} | 0 | <!-- do nothing --> | <div style="float:left; width:{{#expr: ( trunc ( 1000 * {{{A5}}} / {{{Total|100}}} ) ) / 10 round 1 }}%>{{{T5}}}</div>}}<!--
-->{{#ifeq: {{{T4|0}}} | 0 | <!-- do nothing --> | <div style="flex:{{#expr: 100 * {{{A4}}} / {{{Total|100}}} round 1 }}">{{#if:{{{T4}}}|<span>{{{T4}}}</span>}}</div>}}<!--
-->{{#ifeq: {{{T6|0}}} | 0 | <!-- do nothing --> | <div style="float:left; width:{{#expr: ( trunc ( 1000 * {{{A6}}} / {{{Total|100}}} ) ) / 10 round 1 }}%>{{{T6}}}</div>}}<!--
-->{{#ifeq: {{{T5|0}}} | 0 | <!-- do nothing --> | <div style="flex:{{#expr: 100 * {{{A5}}} / {{{Total|100}}} round 1 }}">{{#if:{{{T5}}}|<span>{{{T5}}}</span>}}</div>}}<!--
-->{{#ifeq: {{{T7|0}}} | 0 | <!-- do nothing --> | <div style="float:left; width:{{#expr: ( trunc ( 1000 * {{{A7}}} / {{{Total|100}}} ) ) / 10 round 1 }}%>{{{T7}}}</div>}}<!--
-->{{#ifeq: {{{T6|0}}} | 0 | <!-- do nothing --> | <div style="flex:{{#expr: 100 * {{{A6}}} / {{{Total|100}}} round 1 }}">{{#if:{{{T6}}}|<span>{{{T6}}}</span>}}</div>}}<!--
-->{{#ifeq: {{{T8|0}}} | 0 | <!-- do nothing --> | <div style="float:left; width:{{#expr: ( trunc ( 1000 * {{{A8}}} / {{{Total|100}}} ) ) / 10 round 1 }}%>{{{T8}}}</div>}}<!--
-->{{#ifeq: {{{T7|0}}} | 0 | <!-- do nothing --> | <div style="flex:{{#expr: 100 * {{{A7}}} / {{{Total|100}}} round 1 }}">{{#if:{{{T7}}}|<span>{{{T7}}}</span>}}</div>}}<!--
-->{{#ifeq: {{{T9|0}}} | 0 | <!-- do nothing --> | <div style="float:left; width:{{#expr: ( trunc ( 1000 * {{{A9}}} / {{{Total|100}}} ) ) / 10 round 1 }}%>{{{T9}}}</div>}}<!--
-->{{#ifeq: {{{T8|0}}} | 0 | <!-- do nothing --> | <div style="flex:{{#expr: 100 * {{{A8}}} / {{{Total|100}}} round 1 }}">{{#if:{{{T8}}}|<span>{{{T8}}}</span>}}</div>}}<!--
-->{{#ifeq: {{{T10|0}}} | 0 | <!-- do nothing --> | <div style="float:left; width:{{#expr: ( trunc ( 1000 * {{{A10}}} / {{{Total|100}}} ) ) / 10 round 1 }}%>{{{T10}}}</div>}}<!--
-->{{#ifeq: {{{T9|0}}} | 0 | <!-- do nothing --> | <div style="flex:{{#expr: 100 * {{{A9}}} / {{{Total|100}}} round 1 }}">{{#if:{{{T9}}}|<span>{{{T9}}}</span>}}</div>}}<!--
-->{{#ifeq: {{{T11|0}}} | 0 | <!-- do nothing --> | <div style="float:left; width:{{#expr: ( trunc ( 1000 * {{{A11}}} / {{{Total|100}}} ) ) / 10 round 1 }}%>{{{T11}}}</div>}}<!--
-->{{#ifeq: {{{T10|0}}} | 0 | <!-- do nothing --> | <div style="flex:{{#expr: 100 * {{{A10}}} / {{{Total|100}}} round 1 }}">{{#if:{{{T10}}}|<span>{{{T10}}}</span>}}</div>}}<!--
-->{{#ifeq: {{{T12|0}}} | 0 | <!-- do nothing --> | <div style="float:left; width:{{#expr: ( trunc ( 1000 * {{{A12}}} / {{{Total|100}}} ) ) / 10 round 1 }}%>{{{T12}}}</div>}}
-->{{#ifeq: {{{T11|0}}} | 0 | <!-- do nothing --> | <div style="flex:{{#expr: 100 * {{{A11}}} / {{{Total|100}}} round 1 }}">{{#if:{{{T11}}}|<span>{{{T11}}}</span>}}</div>}}<!--
⚫
-->{{#ifeq: {{{T12|0}}} | 0 | <!-- do nothing --> | <div style="flex:{{#expr: 100 * {{{A12}}} / {{{Total|100}}} round 1 }}">{{#if:{{{T12}}}|<span>{{{T12}}}</span>}}</div>}}<!--
-->{{#ifexpr: {{{A1|0}}} + {{{A2|0}}} + {{{A3|0}}} + {{{A4|0}}} + {{{A5|0}}} + {{{A6|0}}} + {{{A7|0}}} + {{{A8|0}}} + {{{A9|0}}} + {{{A10|0}}} + {{{A11|0}}} + {{{A12|0}}} - {{{Total|100}}} = 0 | <!-- do nothing --> | <div style="flex:{{#expr: -100 * ( {{{A1|0}}} + {{{A2|0}}} + {{{A3|0}}} + {{{A4|0}}} + {{{A5|0}}} + {{{A6|0}}} + {{{A7|0}}} + {{{A8|0}}} + {{{A9|0}}} + {{{A10|0}}} + {{{A11|0}}} + {{{A12|0}}} - {{{Total|100}}} ) / {{{Total|100}}} round 1 }}"></div>}}
</div>
</div>
{|class="stackedbar" cellspacing="1" style="height:{{{height|10px}}}"
{|style="border:1px solid grey; height:10px; width:100%;" cellspacing="1"
{{#ifeq: {{{A1|0}}} | 0 | <!-- do nothing --> | {{!}}style="height:4px; font-size:0px; background: #85e084; width: {{#expr: 100 * {{{A1}}} / {{{Total|100}}} round 1 }}%"{{!}}}}
{{#ifeq: {{{A1|0}}} | 0 | <!-- do nothing --> | {{!}}style="font-size:0px; background: {{{C1|#85e084}}}; width: {{#expr: 100 * {{{A1}}} / {{{Total|100}}} round 1 }}%"{{!}}}}
{{#ifeq: {{{A2|0}}} | 0 | <!-- do nothing --> | {{!}}style="height:4px; font-size:0px; background: #64d1cf; width: {{#expr: 100 * {{{A2}}} / {{{Total|100}}} round 1 }}%"{{!}}}}
{{#ifeq: {{{A2|0}}} | 0 | <!-- do nothing --> | {{!}}style="font-size:0px; background: {{{C2|#64d1cf}}}; width: {{#expr: 100 * {{{A2}}} / {{{Total|100}}} round 1 }}%"{{!}}}}
{{#ifeq: {{{A3|0}}} | 0 | <!-- do nothing --> | {{!}}style="height:4px; font-size:0px; background: #6fc0f2; width: {{#expr: 100 * {{{A3}}} / {{{Total|100}}} round 1 }}%"{{!}}}}
{{#ifeq: {{{A3|0}}} | 0 | <!-- do nothing --> | {{!}}style="font-size:0px; background: {{{C3|#6fc0f2}}}; width: {{#expr: 100 * {{{A3}}} / {{{Total|100}}} round 1 }}%"{{!}}}}
{{#ifeq: {{{A4|0}}} | 0 | <!-- do nothing --> | {{!}}style="height:4px; font-size:0px; background: #9692e3; width: {{#expr: 100 * {{{A4}}} / {{{Total|100}}} round 1 }}%"{{!}}}}
{{#ifeq: {{{A4|0}}} | 0 | <!-- do nothing --> | {{!}}style="font-size:0px; background: {{{C4|#9692e3}}}; width: {{#expr: 100 * {{{A4}}} / {{{Total|100}}} round 1 }}%"{{!}}}}
{{#ifeq: {{{A5|0}}} | 0 | <!-- do nothing --> | {{!}}style="height:4px; font-size:0px; background: #bd64d1; width: {{#expr: 100 * {{{A5}}} / {{{Total|100}}} round 1 }}%"{{!}}}}
{{#ifeq: {{{A5|0}}} | 0 | <!-- do nothing --> | {{!}}style="font-size:0px; background: {{{C5|#bd64d1}}}; width: {{#expr: 100 * {{{A5}}} / {{{Total|100}}} round 1 }}%"{{!}}}}
{{#ifeq: {{{A6|0}}} | 0 | <!-- do nothing --> | {{!}}style="height:4px; font-size:0px; background: #fc80c2; width: {{#expr: 100 * {{{A6}}} / {{{Total|100}}} round 1 }}%"{{!}}}}
{{#ifeq: {{{A6|0}}} | 0 | <!-- do nothing --> | {{!}}style="font-size:0px; background: {{{C6|#fc80c2}}}; width: {{#expr: 100 * {{{A6}}} / {{{Total|100}}} round 1 }}%"{{!}}}}
{{#ifeq: {{{A7|0}}} | 0 | <!-- do nothing --> | {{!}}style="height:4px; font-size:0px; background: #e5726e; width: {{#expr: 100 * {{{A7}}} / {{{Total|100}}} round 1 }}%"{{!}}}}
{{#ifeq: {{{A7|0}}} | 0 | <!-- do nothing --> | {{!}}style="font-size:0px; background: {{{C7|#e5726e}}}; width: {{#expr: 100 * {{{A7}}} / {{{Total|100}}} round 1 }}%"{{!}}}}
{{#ifeq: {{{A8|0}}} | 0 | <!-- do nothing --> | {{!}}style="height:4px; font-size:0px; background: #e5ab6e; width: {{#expr: 100 * {{{A8}}} / {{{Total|100}}} round 1 }}%"{{!}}}}
{{#ifeq: {{{A8|0}}} | 0 | <!-- do nothing --> | {{!}}style="font-size:0px; background: {{{C8|#e5ab6e}}}; width: {{#expr: 100 * {{{A8}}} / {{{Total|100}}} round 1 }}%"{{!}}}}
{{#ifeq: {{{A9|0}}} | 0 | <!-- do nothing --> | {{!}}style="height:4px; font-size:0px; background: #e5e36e; width: {{#expr: 100 * {{{A9}}} / {{{Total|100}}} round 1 }}%"{{!}}}}
{{#ifeq: {{{A9|0}}} | 0 | <!-- do nothing --> | {{!}}style="font-size:0px; background: {{{C9|#e5e36e}}}; width: {{#expr: 100 * {{{A9}}} / {{{Total|100}}} round 1 }}%"{{!}}}}
{{#ifeq: {{{A10|0}}} | 0 | <!-- do nothing --> | {{!}}style="height:4px; font-size:0px; background: #b5e279; width: {{#expr: 100 * {{{A10}}} / {{{Total|100}}} round 1 }}%"{{!}}}}
{{#ifeq: {{{A10|0}}} | 0 | <!-- do nothing --> | {{!}}style="font-size:0px; background: {{{C10|#b5e279}}}; width: {{#expr: 100 * {{{A10}}} / {{{Total|100}}} round 1 }}%"{{!}}}}
{{#ifeq: {{{A11|0}}} | 0 | <!-- do nothing --> | {{!}}style="height:4px; font-size:0px; background: #85e084; width: {{#expr: 100 * {{{A11}}} / {{{Total|100}}} round 1 }}%"{{!}}}}
{{#ifeq: {{{A11|0}}} | 0 | <!-- do nothing --> | {{!}}style="font-size:0px; background: {{{C11|#85e084}}}; width: {{#expr: 100 * {{{A11}}} / {{{Total|100}}} round 1 }}%"{{!}}}}
{{#ifeq: {{{A12|0}}} | 0 | <!-- do nothing --> | {{!}}style="height:4px; font-size:0px; background: #64d1cf; width: {{#expr: 100 * {{{A12}}} / {{{Total|100}}} round 1 }}%"{{!}}}}
{{#ifeq: {{{A12|0}}} | 0 | <!-- do nothing --> | {{!}}style="font-size:0px; background: {{{C12|#64d1cf}}}; width: {{#expr: 100 * {{{A12}}} / {{{Total|100}}} round 1 }}%"{{!}}}}
{{#ifexpr: {{{A1|0}}} + {{{A2|0}}} + {{{A3|0}}} + {{{A4|0}}} + {{{A5|0}}} + {{{A6|0}}} + {{{A7|0}}} + {{{A8|0}}} + {{{A9|0}}} + {{{A10|0}}} + {{{A11|0}}} + {{{A12|0}}} - {{{Total|100}}} = 0 | <!-- do nothing --> | {{!}}style="height:4px; font-size:0px; background: #E2E2E2; width: {{#expr: -100 * ( {{{A1|0}}} + {{{A2|0}}} + {{{A3|0}}} + {{{A4|0}}} + {{{A5|0}}} + {{{A6|0}}} + {{{A7|0}}} + {{{A8|0}}} + {{{A9|0}}} + {{{A10|0}}} + {{{A11|0}}} + {{{A12|0}}} - {{{Total|100}}} ) / {{{Total|100}}} round 1 }}%"{{!}}}}
{{#ifexpr: {{{A1|0}}} + {{{A2|0}}} + {{{A3|0}}} + {{{A4|0}}} + {{{A5|0}}} + {{{A6|0}}} + {{{A7|0}}} + {{{A8|0}}} + {{{A9|0}}} + {{{A10|0}}} + {{{A11|0}}} + {{{A12|0}}} - {{{Total|100}}} = 0 | <!-- do nothing --> | {{!}}style="font-size:0px; background: #E2E2E2; width: {{#expr: -100 * ( {{{A1|0}}} + {{{A2|0}}} + {{{A3|0}}} + {{{A4|0}}} + {{{A5|0}}} + {{{A6|0}}} + {{{A7|0}}} + {{{A8|0}}} + {{{A9|0}}} + {{{A10|0}}} + {{{A11|0}}} + {{{A12|0}}} - {{{Total|100}}} ) / {{{Total|100}}} round 1 }}%"{{!}}}}
|}</div></includeonly>
|}</div></includeonly>
<noinclude>{{documentation}}</noinclude>
<noinclude>{{documentation}}</noinclude>

Revisi per 17 Maret 2024 06.16

Page Templat:Stacked bar/styles.css has no content.

Diperoleh dari "https://wiki-indonesia.club/w/index.php?title=Templat:Stacked_bar&oldid=25444946"