Widget:Radar: Difference between revisions
From Elwiki
mNo edit summary |
mNo edit summary |
||
Line 15: | Line 15: | ||
| '''fontfamily''' || ''String'' || Name of font(s) || Microsoft YaHei | | '''fontfamily''' || ''String'' || Name of font(s) || Microsoft YaHei | ||
|- | |- | ||
| '''fontsize''' || ''Number'' || Font size || | | '''fontsize''' || ''Number'' || Font size || 28 | ||
|- | |- | ||
| '''color''' || ''HexColor'' (#RRGGBB format only) || The color for the radar area || | | '''color''' || ''HexColor'' (#RRGGBB format only) || The color for the radar area || | ||
Line 62: | Line 62: | ||
<!--{$dx=$x2-$x1}--> | <!--{$dx=$x2-$x1}--> | ||
<!--{$dy=$y2-$y1}--> | <!--{$dy=$y2-$y1}--> | ||
<!--{$fontcorrection=$fontsize|default:28}--> | |||
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="<!--{$x1}--> <!--{$y1}--> <!--{$dx}--> <!--{$dy}-->" style="width: <!--{$size|default:'100%'}-->"> | <svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="<!--{$x1}--> <!--{$y1}--> <!--{$dx}--> <!--{$dy}-->" style="width: <!--{$size|default:'100%'}-->"> | ||
<polygon stroke="#ccc" fill="#eee" points=" | <polygon stroke="#ccc" fill="#eee" points=" | ||
Line 92: | Line 93: | ||
<text | <text | ||
transform="translate(<!--{($xs[$i]*230)|cat:','|cat:($ys[$i]*230)}-->)" | transform=" | ||
translate(0,<!--{$fontcorrection/2}-->) | |||
translate(<!--{($xs[$i]*230)|cat:','|cat:($ys[$i]*230)}-->) | |||
" | |||
fill="#000" | fill="#000" | ||
text-anchor="middle" | text-anchor="middle" | ||
font-size="<!--{$ | font-size="<!--{$fontcorrection}-->" | ||
font-family="<!--{$fontfamily|default:'Microsoft YaHei'}-->"> | font-family="<!--{$fontfamily|default:'Microsoft YaHei'}-->"> | ||
<!--{$label[$i-1]|default:''|escape:'html'}--> | <!--{$label[$i-1]|default:''|escape:'html'}--> |
Revision as of 07:37, 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 | 28 |
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.
|
max[0] (Array Type) |
value | Array<Number> | Value for each axis. | 0 |