dashboardwidget1.dial.xml 2.02 KB
Newer Older
Thitichaipun Wutthisak committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77
<widget>
	<dial>
		<name>Gauge 1</name>
		<units></units>
						
		<!--  this is the color of the needle -->
		<needle-color>#000080</needle-color>
		
		<!--  this is the background for the whole image -->
		<!-- background-color>#ffffff</background-color -->
		<chart-background type="gradient">
			<x1>0.0</x1>
			<y1>0.0</y1>
			<color1>#dddddd</color1>
			<x2>100.0</x2>
			<y2>100.0</y2>
			<color2>#FFFFFF</color2>
			<cyclic>true</cyclic>
		</chart-background>

		<!--  this ia the background for the dial --> 
		<plot-background type="gradient">
			<color1>#000000</color1>
			<color2>#FFFFFF</color2>
			<cyclic>true</cyclic>
		</plot-background>

		<!--  intervals define ranges on the dial that are colored differently from the dial background -->
		<interval>
			<label>low</label>
			<!-- this is the value that the range starts at -->
			<minimum>0</minimum>
			<!-- this is the value that the range stops at -->
			<maximum>30</maximum>
			<!--  this is the color of the range -->
			<!-- color>#ff8080</color -->
			<interval-background type="gradient">
				<color1>#ff0000</color1>
				<color2>#ff8080</color2>
				<cyclic>false</cyclic>
			</interval-background>
			<!--  this is the color of the text for the range value and tick marks -->
			<text-color>#0000bb</text-color>
		</interval>
		<interval>
			<label>medium</label>
			<minimum>30</minimum>
			<maximum>70</maximum>
			<!-- color>#ffff80</color -->
			<text-color>#0000bb</text-color>
			<interval-background type="gradient">
				<x1>50</x1>
				<y1>50</y1>
				<x2>150</x2>
				<y2>150</y2>
				<color1>#ffff00</color1>
				<color2>#40FF40</color2>
				<cyclic>false</cyclic>
			</interval-background>
		</interval>
		<interval>
			<label>high</label>
			<minimum>70</minimum>
			<maximum>100</maximum>
			<text-color>#0000bb</text-color>
			<interval-background type="gradient">
				<x1>50</x1>
				<y1>50</y1>
				<x2>150</x2>
				<y2>150</y2>
				<color1>#ffff00</color1>
				<color2>#40FF40</color2>
				<cyclic>false</cyclic>
			</interval-background>
		</interval>
	</dial>
</widget>