Widget:Radar: Difference between revisions

m
Undo revision 634746 by Boxsnake (talk)
mNo edit summary
m (Undo revision 634746 by Boxsnake (talk))
Tag: Undo
 
(10 intermediate revisions by the same user not shown)
Line 4: Line 4:
Arguments are listed as following:
Arguments are listed as following:


{{*}} Array argument(s) can be called multiple times.
'''*''' Array argument(s) can be called multiple times.


{| class="wikitable"
{| class="wikitable"
! Key !! Type !! Description !! Default
! Key !! Type !! Description !! Default
|-
|-
| '''size''' || ''Number'' || Size of the chart || (Depends on parent container)
| '''size''' || ''String'' || Size of the chart, use [https://developer.mozilla.org/zh-CN/docs/Web/CSS/width CSS notation] || (Depends on parent container)
|-
|-
| '''dim''' || ''Integer'' || Number of axes ||
| '''dim''' || ''Integer'' || Number of axes ||
Line 67: Line 67:
         <polygon stroke="#ccc" fill="#eee" points="
         <polygon stroke="#ccc" fill="#eee" points="
             <!--{for $i=1 to $dim}-->
             <!--{for $i=1 to $dim}-->
             <!--{($xs[$i]*200)|cat:','|cat:($ys[$i]*200)}-->
             <!--{($xs[$i]*200)|cat:','|cat:($ys[$i]*200)|cat:' '}-->
             <!--{/for}-->
             <!--{/for}-->
         "></polygon>
         "></polygon>
         <polygon stroke="#ccc" fill="#fff" points="
         <polygon stroke="#ccc" fill="#fff" points="
             <!--{for $i=1 to $dim}-->
             <!--{for $i=1 to $dim}-->
             <!--{($xs[$i]*160)|cat:','|cat:($ys[$i]*160)}-->
             <!--{($xs[$i]*160)|cat:','|cat:($ys[$i]*160)|cat:' '}-->
             <!--{/for}-->
             <!--{/for}-->
         "></polygon>
         "></polygon>
         <polygon stroke="#ccc" fill="#eee" points="
         <polygon stroke="#ccc" fill="#eee" points="
             <!--{for $i=1 to $dim}-->
             <!--{for $i=1 to $dim}-->
             <!--{($xs[$i]*120)|cat:','|cat:($ys[$i]*120)}-->
             <!--{($xs[$i]*120)|cat:','|cat:($ys[$i]*120)|cat:' '}-->
             <!--{/for}-->
             <!--{/for}-->
         "></polygon>
         "></polygon>
         <polygon stroke="#ccc" fill="#fff" points="
         <polygon stroke="#ccc" fill="#fff" points="
             <!--{for $i=1 to $dim}-->
             <!--{for $i=1 to $dim}-->
             <!--{($xs[$i]*80)|cat:','|cat:($ys[$i]*80)}-->
             <!--{($xs[$i]*80)|cat:','|cat:($ys[$i]*80)|cat:' '}-->
             <!--{/for}-->
             <!--{/for}-->
         "></polygon>
         "></polygon>
         <polygon stroke="#ccc" fill="#eee" points="
         <polygon stroke="#ccc" fill="#eee" points="
             <!--{for $i=1 to $dim}-->
             <!--{for $i=1 to $dim}-->
             <!--{($xs[$i]*40)|cat:','|cat:($ys[$i]*40)}-->
             <!--{($xs[$i]*40)|cat:','|cat:($ys[$i]*40)|cat:' '}-->
             <!--{/for}-->
             <!--{/for}-->
         "></polygon>
         "></polygon>
         <!--{for $i=1 to $dim}-->
         <!--{for $i=1 to $dim}-->
         <line x1="0" y1="0" x2="<!--{$xs[$i]*200}-->" y2="<!--{$ys[$i]*200}-->" stroke="#ccc"></line>
         <line x1="0" y1="0" x2="<!--{$xs[$i]*200}-->" y2="<!--{$ys[$i]*200}-->" stroke="#ccc"></line>
 
         <text
         <text  
             transform="
             transform="
                 translate(0,<!--{$fontcorrection/2}-->)
                 translate(0,<!--{$fontcorrection/2}-->)
Line 102: Line 102:
             font-size="<!--{$fontcorrection}-->"
             font-size="<!--{$fontcorrection}-->"
             font-family="<!--{$fontfamily|default:'Microsoft YaHei'}-->">
             font-family="<!--{$fontfamily|default:'Microsoft YaHei'}-->">
             <!--{math equation="explode('\n', label)" label=$label[$i-1] assign="text"}-->
             <!--{$label[$i-1]|default:''|escape:'html'}-->
            <!--{foreach $text as $i => $val}-->
            <tspan dy="<!--{$i*$fontcorrection}-->"><!--{$val|default:''|escape:'html'}--></tspan>
         </text>
         </text>
         <!--{/for}-->
         <!--{/for}-->
Line 112: Line 110:
             <!--{$numer=$value[$i-1]|default:0}-->
             <!--{$numer=$value[$i-1]|default:0}-->
             <!--{$ratio=$numer/$denom}-->
             <!--{$ratio=$numer/$denom}-->
             <!--{(200*$ratio*$xs[$i])|cat:','|cat:(200*$ratio*$ys[$i])}-->
             <!--{(200*$ratio*$xs[$i])|cat:','|cat:(200*$ratio*$ys[$i])|cat:' '}-->
             <!--{/for}-->
             <!--{/for}-->
         "></polygon>
         "></polygon>