SVG in Grafana - Revision history

Rhg at 21:07, 9 October 2022

2022-10-09T21:07:38Z

← Older revision		Revision as of 22:07, 9 October 2022
Line 88:		Line 88:
	}		}

	</pre>		</pre>[[File:Svggf2.png\|frameless\|1373x1373px]]

2022-10-09T01:26:13Z

← Older revision		Revision as of 02:26, 9 October 2022
Line 59:		Line 59:

	[[File:Svggf1.png\|frameless\|1252x1252px]]		[[File:Svggf1.png\|frameless\|1252x1252px]]


			<pre>

			SELECT
			now() AS "time",
			device,
			vargroup,
			varkey,
			value
			FROM readings
			WHERE
			network = "$network"
			ORDER BY timestamp

			</pre>

			<pre>

			for (var row in ctrl.data[0].rows) {

			var dev = ctrl.data[0].rows[row].device;
			var val = ctrl.data[0].rows[row].value;
			var varkey = ctrl.data[0].rows[row].varkey;

			$(svgnode).find("[device='"+dev+"']").filter("[varkey='"+varkey+"']").filter("text").html(val);

			}

			</pre>

2022-10-09T01:24:03Z

2022-10-08T22:46:28Z

← Older revision		Revision as of 23:46, 8 October 2022
Line 51:		Line 51:
	\|		\|
	\|}		\|}
			SVG elements can be edited in Inkscape's XML Editor window, as seen below.

			In this example, we are setting the device to "solar", the group to "dat", the key to "tF", and 1 decimal place. The text will change to show the value for "solar/dat/tF" on the network it is applied to.

			[[File:Inkscapeedit.png]]

2022-10-08T22:39:17Z

@@ Line 31: / Line 31: @@
 |If specified, the elements fill colour will be changed to represent the value.
 The default mapping is blue-yellow-red from 0 to 100, best suited to temperatures.
+|
 |}

2022-10-08T22:32:02Z

← Older revision		Revision as of 23:32, 8 October 2022
Line 2:		Line 2:

	SVG elements are given attributes:		SVG elements are given attributes:
			{\| class="wikitable"
			\|+
			!Attribute
			!Description
			!Required
			\|-
			\|network
			\|The network identifier. Not usually specified so dashboard can apply to different networks.
			\|Rarely
			\|-
			\|node
			\|The node identifier. Not usually specified as irrelevant.
			\|Rarely
			\|-
			\|device
			\|The device the element it linked to
			\|Always
			\|-
			\|vargroup
			\|The variable data group
			\|Good practice
			\|-
			\|varkey
			\|The variable identifier
			\|Always
			\|-
			\|colourmap
			\|If specified, the elements fill colour will be changed to represent the value.
			The default mapping is blue-yellow-red from 0 to 100, best suited to temperatures.
			\|
			\|}

2022-10-08T22:24:21Z

Created page with " SVG elements are given attributes:"

New page

SVG elements are given attributes: