This is an old revision of the document!
Markup Examples
Vertical Bar Chart
Creates two rectangles - a background solid rectangle that offers a tool-tip, and a foreground rectangle that acts as a bar-graph of the value. It displays Machine Temperature between 0-50 Deg C and is 50 pixels wide and 200 pixels high.
<g>
<rect class="barchartbg element" x="0" y="0" rx="5" ry="5" width="50" height="200" name="Temperature" units="Deg C" ardivalue="{Machine.Temperarure|2}"/>
<rect class="barchartfg" x="2" y="2" width="46" height="46" ardiy="[196-{Machine.Temperarure|@scale/0/14/0/196}]" ardiheight="{Machine.Temperature|@scale/0/50/0/196}" ardifill="{Machine.Temperature|@colour}" rx="5" ry="5" />
</g>