Widget:StatsGraph: Difference between revisions

Revision as of 19:16, 19 July 2025

Documentation[view] [edit] [history] [purge]

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 There are at least three different properties to show. Anything below won't display correctly. Each property needs a Label, Min, Max and Current value. Label may be an empty string. Min may be 0. 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)

@@ Line 1: / Line 1: @@
-<includeonly><div class="stats-graph-container"><script>var graphData = JSON.parse(`<!--{$data|escape:'html'}-->`.replace(/&quot;/gi, '"'));
+<includeonly><div class="stats-graph-container"><script>RLQ.push(['md5hasher', function () {
-window.iopwidgets.StatsGraph.buildGraph(graphData);</script></div></includeonly><noinclude>{{Documentation}}</noinclude>
+  $(document).ready(function() {
+    var graphData = JSON.parse(`<!--{$data|escape:'html'}-->`.replace(/&quot;/gi, '"'));
+    window.iopwidgets.StatsGraph.buildGraph(graphData);
+  });
+});</script></div></includeonly><noinclude>{{Documentation}}</noinclude>

Widget:StatsGraph: Difference between revisions

Revision as of 19:16, 19 July 2025

Parameters

Usage

Navigation menu

Search