Widget:Radar: Difference between revisions

From Elwiki
mNo edit summary
mNo edit summary
Line 64: Line 64:
     <!--{$fontcorrection=$fontsize|default:24}-->
     <!--{$fontcorrection=$fontsize|default:24}-->
     <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="<!--{$x1}--> <!--{$y1}--> <!--{$dx}--> <!--{$dy}-->" style="width: 100%;">
     <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="<!--{$x1}--> <!--{$y1}--> <!--{$dx}--> <!--{$dy}-->" style="width: 100%;">
        <!--{strip}-->
         <polygon stroke="#ccc" fill="#eee" points="
         <polygon stroke="#ccc" fill="#eee" points="
             <!--{for $i=1 to $dim}-->
             <!--{for $i=1 to $dim}-->
Line 69: Line 70:
             <!--{/for}-->
             <!--{/for}-->
         "></polygon>
         "></polygon>
        <!--{/strip}-->
        <!--{strip}-->
         <polygon stroke="#ccc" fill="#fff" points="
         <polygon stroke="#ccc" fill="#fff" points="
             <!--{for $i=1 to $dim}-->
             <!--{for $i=1 to $dim}-->
Line 74: Line 77:
             <!--{/for}-->
             <!--{/for}-->
         "></polygon>
         "></polygon>
        <!--{/strip}-->
        <!--{strip}-->
         <polygon stroke="#ccc" fill="#eee" points="
         <polygon stroke="#ccc" fill="#eee" points="
             <!--{for $i=1 to $dim}-->
             <!--{for $i=1 to $dim}-->
Line 79: Line 84:
             <!--{/for}-->
             <!--{/for}-->
         "></polygon>
         "></polygon>
        <!--{/strip}-->
        <!--{strip}-->
         <polygon stroke="#ccc" fill="#fff" points="
         <polygon stroke="#ccc" fill="#fff" points="
             <!--{for $i=1 to $dim}-->
             <!--{for $i=1 to $dim}-->
Line 84: Line 91:
             <!--{/for}-->
             <!--{/for}-->
         "></polygon>
         "></polygon>
        <!--{/strip}-->
        <!--{strip}-->
         <polygon stroke="#ccc" fill="#eee" points="
         <polygon stroke="#ccc" fill="#eee" points="
             <!--{for $i=1 to $dim}-->
             <!--{for $i=1 to $dim}-->
Line 89: Line 98:
             <!--{/for}-->
             <!--{/for}-->
         "></polygon>
         "></polygon>
        <!--{/strip}-->
         <!--{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>
 
        <!--{strip}-->
         <text
         <text
             transform="
             transform="
Line 103: Line 114:
             <!--{$label[$i-1]|default:''|escape:'html'}-->
             <!--{$label[$i-1]|default:''|escape:'html'}-->
         </text>
         </text>
        <!--{/strip}-->
         <!--{/for}-->
         <!--{/for}-->
        <!--{strip}-->
         <polygon stroke-width="0" fill="<!--{$color}-->7f" points="
         <polygon stroke-width="0" fill="<!--{$color}-->7f" points="
             <!--{for $i=1 to $dim}-->
             <!--{for $i=1 to $dim}-->
Line 112: Line 126:
             <!--{/for}-->
             <!--{/for}-->
         "></polygon>
         "></polygon>
        <!--{/strip}-->
     </svg>
     </svg>
     <!--{/nocache}-->
     <!--{/nocache}-->
</div></includeonly>
</div></includeonly>

Revision as of 08:21, 29 May 2020

Widget:Radar is a component for radar chart.

Arguments are listed as following:

  • Array argument(s) can be called multiple times.
Key Type Description Default
size Number Size of the chart (Depends on parent container)
dim Integer Number of axes
fontfamily String Name of font(s) Microsoft YaHei
fontsize Number Font size 24
color HexColor (#RRGGBB format only) The color for the radar area
label Array<String> Label(s) for each axis in sequence (Empty String)
max Array<Number>
    or
Integer
Max value for each axis.
  • When using an integer, all axes will have the same max value.
  • When using an array, each axis will use the corresponding max value.
  • When using an array but the corresponding max value is missing, the first value in the array will be used.
max[0] (Array Type)
value Array<Number> Value for each axis. 0