We are searching for new editors to keep track of Girls' Frontline 2 content, as well as veteran players to complete the data of Girls' Frontline and Project Neural Cloud characters.
You can contribute without an account. Learn how to contribute and join our Discord server.
Widget:StatsGraph: Difference between revisions
Jump to navigation
Jump to search
If fill or stroke present, skip setting graph-orange class |
Set the targeted size fix |
||
| Line 33: | Line 33: | ||
svg.setAttributeNS("http://www.w3.org/2000/xmlns/", "xmlns:xlink", svgLinkNS); | svg.setAttributeNS("http://www.w3.org/2000/xmlns/", "xmlns:xlink", svgLinkNS); | ||
svg.setAttribute('viewBox', "0 0 800 800"); | svg.setAttribute('viewBox', "0 0 800 800"); | ||
svg.setAttribute('preserveAspectRatio', " | svg.setAttribute('preserveAspectRatio', "xMidyMid meet"); | ||
svg.setAttribute('width', "300px"); | |||
svg.setAttribute('height', "auto"); | |||
svg.setAttribute('version', "1.1"); | svg.setAttribute('version', "1.1"); | ||
Revision as of 14:12, 5 October 2019
Widget to create an SVG image containing a radar chart. It is configured with a JSON string.
Parameters
| Parameter name | Required? | Default value | Description |
|---|---|---|---|
data |
Yes | (n/a) | A JSON String containing all values. Please make sure that
See the testcases for examples how to configure the JSON string. |
Usage
See the template's testcases:
| Small graph using default colors | |
|---|---|
| Wiki code | {{#widget:StatsGraph
|data=[
{
"data": [
{ "label": "RoF", "min": 12, "max": 37, "value": 14 },
{ "label": "Acc", "min": 34, "max": 68, "value": 37 },
{ "label": "Dmg", "min": 9, "max": 12, "value": 11 }
]
}
]}}
|
| Main version | |
| Sandbox version | Error in widget StatsGraph/sandbox: Unable to load template 'wiki:StatsGraph/sandbox'
|
| Graph showing two graphs, second graph with different color | |
|---|---|
| Wiki code | {{#widget:StatsGraph
|data=[
{
"data": [
{ "label": "RoF", "min": 12, "max": 37, "value": 32 },
{ "label": "Acc", "min": 12, "max": 37, "value": 32 },
{ "label": "Dmg", "min": 12, "max": 37, "value": 32 }
]
},
{
"fill": "blue",
"stroke": "darkblue",
"data": [
{ "label": "RoF", "min": 12, "max": 37, "value": 34 },
{ "label": "Acc", "min": 34, "max": 68, "value": 51 },
{ "label": "Dmg", "min": 9, "max": 12, "value": 9 }
]
}
]}}
|
| Main version | |
| Sandbox version | Error in widget StatsGraph/sandbox: Unable to load template 'wiki:StatsGraph/sandbox'
|
| Graph with more properties | |
|---|---|
| Wiki code | {{#widget:StatsGraph
|data=[
{
"data": [
{ "label": "RoF", "min": 12, "max": 37, "value": 14 },
{ "label": "Acc", "min": 34, "max": 68, "value": 37 },
{ "label": "Dmg", "min": 9, "max": 16, "value": 11 },
{ "label": "Dmg1", "min": 9, "max": 16, "value": 12 },
{ "label": "Dmg2", "min": 9, "max": 16, "value": 13 },
{ "label": "Dmg3", "min": 9, "max": 16, "value": 14 }
]
}
]}}
|
| Main version | |
| Sandbox version | Error in widget StatsGraph/sandbox: Unable to load template 'wiki:StatsGraph/sandbox'
|
| The above documentation is transcluded from Widget:StatsGraph/doc. (edit | history) |