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
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) |