With the release of the new game, we encourage contributions to topics related to Girls' Frontline 2. Learn how to contribute, read the maintenance guide, and join our Discord server to discuss major changes.
If you or someone you know can help deciphering the game files, contact our administrator.
Widget:StatsGraph: Difference between revisions
Jump to navigation
Jump to search
m GraphId generation testing |
m Changed to use "currentScript" into console |
||
| Line 1: | Line 1: | ||
<includeonly><div id="<!--{$graphId|escape:'html'}-->" | <includeonly><div id="<!--{$graphId|escape:'html'}-->"><script> | ||
function calcCoordinate(degree, min, max, val) { | function calcCoordinate(degree, min, max, val) { | ||
| Line 94: | Line 94: | ||
svg.appendChild(gDrawing); | svg.appendChild(gDrawing); | ||
var me = document.currentScript; | |||
console.log(me); | |||
console.log(me.parent); | |||
document.getElementById(graphId).appendChild(svg); | document.getElementById(graphId).appendChild(svg); | ||
| Line 99: | Line 103: | ||
function genIdIfNeeded(graphId) { | function genIdIfNeeded(graphId) { | ||
if (graphId && graphId.length > 0) { | if (graphId && graphId.length > 0) { | ||
return graphId; | return graphId; | ||
| Line 110: | Line 113: | ||
var graphData = JSON.parse(`<!--{$data|escape:'html'}-->`.replace(/"/gi, '"')); | var graphData = JSON.parse(`<!--{$data|escape:'html'}-->`.replace(/"/gi, '"')); | ||
buildGraph(genIdIfNeeded("<!--{$graphId|escape:'html'}-->"), graphData);</script></includeonly><noinclude>{{Documentation}}{{#widget:StatsGraph | buildGraph(genIdIfNeeded("<!--{$graphId|escape:'html'}-->"), graphData);</script></div></includeonly><noinclude>{{Documentation}}{{#widget:StatsGraph | ||
|data=[ | |data=[ | ||
{ | { | ||
Revision as of 22:38, 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) |