⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 bigauge.html

📁 在流览器上仿CS界面的JAVASCRIPT脚本
💻 HTML
字号:
🔍 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><!--
Generated using api.website.xsl version 2003-07-17
-->
<head>
<META http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>BiGauge</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link type="text/css" rel="stylesheet" href="api.css"><script type="text/javascript">

				function showDerivedClasses() {
					var ul = document.getElementById("api-derived-classes");
					var lis = ul.childNodes;
					var l = lis.length;
					for (var i = 1; i < l; i++)
						lis[i].style.display = "";
					lis[0].style.display = "none";
				}

			</script></head>
<body>
<h1 id="BiGauge">BiGauge</h1>
<p>
		This control displays a gauge.
	</p>
<p>This class extends
		<code><a href="BiComponent.html">BiComponent</a></code>
		and therefore all methods and fields available for
		<code><a href="BiComponent.html">BiComponent</a></code>
		are also available for <code>BiGauge</code>.</p>
<ul class="partial-class-tree">
<li><code><a href="BiObject.html">BiObject</a></code><ul>
<li><code><a href="BiEventTarget.html">BiEventTarget</a></code><ul><li><code><a href="BiComponent.html">BiComponent</a></code><ul><li><code>BiGauge</code><ul id="api-derived-classes"></ul></li></ul></li></ul></li></ul>
</li>
</ul>
<h2>Constructor</h2>
<p><code>

	new BiGauge()</code></p>
<h3>Parameters</h3>
<p>No parameters.</p>
<h2>Properties</h2>
<table>
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td class="get-header">get</td>
<td class="set-header">set</td>
<td>Descripton</td>
</tr>
</thead>
<tbody>
<tr>
<td><a name="labelInterval"></a><code>labelInterval</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>The difference between the labels</td>
</tr>
<tr>
<td><a name="labels"></a><code>labels</code></td>
<td><code class="type"><code><a href="BiGaugeLabels.html">BiGaugeLabels</a></code></code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>The labels of the gauge</td>
</tr>
<tr>
<td><a name="majorTickInterval"></a><code>majorTickInterval</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>The distance between the major ticks</td>
</tr>
<tr>
<td><a name="majorTicks"></a><code>majorTicks</code></td>
<td><code class="type"><code><a href="BiGaugeMajorTicks.html">BiGaugeMajorTicks</a></code></code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>The major ticks of the gauge</td>
</tr>
<tr>
<td><a name="maximum"></a><code>maximum</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>The maximum value for the component</td>
</tr>
<tr>
<td><a name="maximumAngle"></a><code>maximumAngle</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>The angle where the minimum value is located</td>
</tr>
<tr>
<td><a name="minimum"></a><code>minimum</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>The minimum value for the component</td>
</tr>
<tr>
<td><a name="minimumAngle"></a><code>minimumAngle</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>The angle where the minimum value is located</td>
</tr>
<tr>
<td><a name="minorTickInterval"></a><code>minorTickInterval</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>The distance between the minor ticks</td>
</tr>
<tr>
<td><a name="minorTicks"></a><code>minorTicks</code></td>
<td><code class="type"><code><a href="BiGaugeMinorTicks.html">BiGaugeMinorTicks</a></code></code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>The minor ticks of the gauge</td>
</tr>
<tr>
<td><a name="needle"></a><code>needle</code></td>
<td><code class="type"><code><a href="BiGaugeNeedle.html">BiGaugeNeedle</a></code></code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>The needle of the gauge</td>
</tr>
<tr>
<td><a name="plate"></a><code>plate</code></td>
<td><code class="type"><code><a href="BiGaugePlate.html">BiGaugePlate</a></code></code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>The plate of the gauge</td>
</tr>
<tr>
<td><a name="showLabels"></a><code>showLabels</code></td>
<td><code class="type">Boolean</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>Whether to show the text labels</td>
</tr>
<tr>
<td><a name="showMajorTicks"></a><code>showMajorTicks</code></td>
<td><code class="type">Boolean</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>Whether to show the major ticks</td>
</tr>
<tr>
<td><a name="showMinorTicks"></a><code>showMinorTicks</code></td>
<td><code class="type">Boolean</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>Whether to show the minor ticks</td>
</tr>
<tr>
<td><a name="showWarningSection"></a><code>showWarningSection</code></td>
<td><code class="type">Boolean</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>Whether to show the red section between the warning value and the maximum value</td>
</tr>
<tr>
<td><a name="title"></a><code>title</code></td>
<td><code class="type"><code><a href="BiGaugeTitle.html">BiGaugeTitle</a></code></code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>The title of the gauge</td>
</tr>
<tr>
<td><a name="value"></a><code>value</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>The value for the component</td>
</tr>
<tr>
<td><a name="value"></a><code>value</code></td>
<td><code class="type"><code><a href="BiGaugeSection.html">BiGaugeSection[]</a></code></code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"></td>
<td>
				The sections of the gauge. The first section is the warning secion
			</td>
</tr>
<tr>
<td><a name="warningValue"></a><code>warningValue</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"><img src="check.png" alt="checked"></td>
<td>This shows a red section on the gauge between the warning value and the maximum value</td>
</tr>
</tbody>
</table>
<h2>Methods</h2>
<p>None.</p>
<h2>Events</h2>
<p>None.</p>
<h2>Static Methods</h2>
<p>None.</p>
<h2>Static Fields</h2>
<p>None.</p>
<h2>Remarks</h2>
<p>
		The <code><a href="BiRangeModel.html#maximum">maximum</a></code>,
		<code><a href="BiRangeModel.html#minimum">minimum</a></code> and
		<code><a href="BiRangeModel.html#value">value</a></code> are
		always integers. When setting these, these are rounded to the nearest smaller
		integer.<br>
		<br>
		The following is always true for the properties of a gauge:<br>
		<br>
		<code>minimum &lt;= value &lt;= maximum</code><br>
		<br>
		To customize the look and feel either change the properties of the internal
		components or replace them with your own customized sub classes.
	</p>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -