We are searching for new editors to keep track of Girls' Frontline 2 content, as well as veteran players to complete existing Girls' Frontline and Project Neural Cloud articles.
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
Optional fill and stroke params, made ID unneeded |
If fill or stroke present, skip setting graph-orange class |
||
| Line 85: | Line 85: | ||
var polygonParams = dataComplete[dataIdx]; | var polygonParams = dataComplete[dataIdx]; | ||
var datapresentation = document.createElementNS(svgNS, 'polygon'); | var datapresentation = document.createElementNS(svgNS, 'polygon'); | ||
if (('fill' in polygonParams) || ('stroke' in polygonParams)) { | |||
if ('fill' in polygonParams) datapresentation.setAttribute('fill', polygonParams.fill); | |||
if ('stroke' in polygonParams) datapresentation.setAttribute('stroke', polygonParams.stroke); | |||
} else { | |||
datapresentation.setAttribute('class', polygonParams.class ? polygonParams.class : "graph-orange"); | |||
} | |||
datapresentation.setAttribute('points', buildPolygonString(polygonParams.data)); | datapresentation.setAttribute('points', buildPolygonString(polygonParams.data)); | ||
gDrawing.appendChild(datapresentation); | gDrawing.appendChild(datapresentation); | ||
Revision as of 23:19, 2 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) |