bigauge.html
来自「ajax 框价.是个好工具.javascript 矿家.可以用在任何平台.」· HTML 代码 · 共 223 行
HTML
223 行
<!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 <= value <= 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 + =
减小字号Ctrl + -
显示快捷键?