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

📄 biabstractchartbase.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>BiAbstractChartBase</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="BiAbstractChartBase">BiAbstractChartBase</h1>
<p>
		This is the abstract base class <code><a href="BiAbstractChart.html">BiAbstractChart</a></code>
		and <code><a href="BiAbstractChart2.html">BiAbstractChart2</a></code>. All the charts
		in <code><a href="BiGraph.html">BiGraph</a></code> and <code><a href="BiGraph2.html">BiGraph2</a></code>
		extend either <code><a href="BiAbstractChart.html">BiAbstractChart</a></code> or
		<code><a href="BiAbstractChart2.html">BiAbstractChart2</a></code>.
	</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>BiAbstractChartBase</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>BiAbstractChartBase</code><ul id="api-derived-classes"><li><code><a href="BiAbstractChart.html">BiAbstractChart</a></code></li><li><code><a href="BiAbstractChart2.html">BiAbstractChart2</a></code></li></ul></li></ul></li></ul></li></ul>
</li>
</ul>
<h2>Constructor</h2>
<p><code>

	new BiAbstractChartBase(<span class="methodArgument">oGraph</span>, <span class="methodArgument">oSeries</span>)</code></p>
<h3>Parameters</h3>
<table>
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td class="optional-header">Optional</td>
<td>Default</td>
<td>Descripton</td>
</tr>
</thead>
<tbody>
<tr>
<td><code>oGraph</code></td>
<td><code class="type"><code><a href="BiGraphBase.html">BiGraphBase</a></code></code></td>
<td class="optional-column"></td>
<td></td>
<td>The graph that the chart is part of</td>
</tr>
<tr>
<td><code>oSeries</code></td>
<td><code class="type"><code><a href="BiChartSeries.html">BiChartSeries</a></code></code></td>
<td class="optional-column"></td>
<td></td>
<td>The series that the chart is displaying</td>
</tr>
</tbody>
</table>
<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="barSpacing"></a><code>barSpacing</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"></td>
<td>
				This is the relative distance between the bars or columns of different categories.
				<code>1</code> means that the distance is the same as the width/height of the column/bar.
				<code>0</code> means that there is no spacing.
			</td>
</tr>
<tr>
<td><a name="explode"></a><code>explode</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"></td>
<td>The amount to move the pie chart sections from the middle</td>
</tr>
<tr>
<td><a name="fillAngle"></a><code>fillAngle</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"></td>
<td>The fill angle used when painting the chart.</td>
</tr>
<tr>
<td><a name="fillColor"></a><code>fillColor</code></td>
<td><code class="type">String</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"></td>
<td>The fill color for the chart</td>
</tr>
<tr>
<td><a name="fillColor2"></a><code>fillColor2</code></td>
<td><code class="type">String</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"></td>
<td>The alternate fill color used when fill type is gradient</td>
</tr>
<tr>
<td><a name="fillOpacity"></a><code>fillOpacity</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"></td>
<td>The fill opacity for the chart</td>
</tr>
<tr>
<td><a name="fillType"></a><code>fillType</code></td>
<td><code class="type">String</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"></td>
<td>The fill type used when painting the chart</td>
</tr>
<tr>
<td><a name="graph"></a><code>graph</code></td>
<td><code class="type"><code><a href="BiGraph.html">BiGraph</a></code></code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"></td>
<td>The graphs that the chart is part of</td>
</tr>
<tr>
<td><a name="markerType"></a><code>markerType</code></td>
<td><code class="type">String</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"></td>
<td>The marker type for the line chart. Valid values are<br>
				<br>
				circle<br>
				square<br>
				trianle<br>
				diamond
			</td>
</tr>
<tr>
<td><a name="markerVisible"></a><code>markerVisible</code></td>
<td><code class="type">String</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"></td>
<td>Whether markers are visible for the chart</td>
</tr>
<tr>
<td><a name="series"></a><code>series</code></td>
<td><code class="type"><code><a href="BiChartSeries.html">BiChartSeries</a></code></code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"></td>
<td>The series that the chart is displaying</td>
</tr>
<tr>
<td><a name="strokeColor"></a><code>strokeColor</code></td>
<td><code class="type">String</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"></td>
<td>The stroke color for the chart</td>
</tr>
<tr>
<td><a name="strokeOpacity"></a><code>strokeOpacity</code></td>
<td><code class="type">Number</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"></td>
<td>The stroke opacity for the chart</td>
</tr>
<tr>
<td><a name="supportsCategoryAxis"></a><code>supportsCategoryAxis</code></td>
<td><code class="type">Boolean</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"></td>
<td>Whether this type of graph supports a category axis</td>
</tr>
<tr>
<td><a name="supportsGridLines"></a><code>supportsGridLines</code></td>
<td><code class="type">Boolean</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"></td>
<td>Whether this type of graph supports grid lines</td>
</tr>
<tr>
<td><a name="supportsValueAxis"></a><code>supportsValueAxis</code></td>
<td><code class="type">Boolean</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"></td>
<td>Whether this type of graph supports a value axis</td>
</tr>
<tr>
<td><a name="title"></a><code>title</code></td>
<td><code class="type">String</code></td>
<td class="get-column"><img src="check.png" alt="checked"></td>
<td class="set-column"></td>
<td>Returns the title of the series being displayed</td>
</tr>
</tbody>
</table>
<h2>Methods</h2>
<table>
<thead>
<tr>
<td>Name</td>
<td>Description</td>
</tr>
</thead>
<tbody>
<tr>
<td><code><a href="#getComponentByCategoryId">getComponentByCategoryId</a></code></td>
<td>
				Returns the component (if any) that is being used to display the
				chart point given by the category id.
			</td>
</tr>
<tr>
<td><code><a href="#getIconHtml">getIconHtml</a></code></td>
<td>
				Returns the HTML code needed to display an icon representing the chart.
				Implementing this function allows the component to act as an icon for a label.
			</td>
</tr>
</tbody>
</table>
<h2>Events</h2>
<p>None.</p>
<h2>Static Methods</h2>
<p>None.</p>
<h2>Static Fields</h2>
<p>None.</p>
<h2>Remarks</h2>
<p>None.</p>
<h2>Method Details</h2>
<h3><a name="getComponentByCategoryId"></a>getComponentByCategoryId</h3>
<p>
				Returns the component (if any) that is being used to display the
				chart point given by the category id.
			</p>
<h4>Syntax</h4>
<pre class="method-syntax">object.getComponentByCategoryId(<span class="methodArgument">sCategoryId</span>)</pre>
<h4>Parameters</h4>
<table>
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td class="optional-header">Optional</td>
<td>Default</td>
<td>Descripton</td>
</tr>
</thead>
<tbody>
<tr>
<td><code>sCategoryId</code></td>
<td><code class="type">String</code></td>
<td class="optional-column"></td>
<td></td>
<td>The id of the category to get the component for</td>
</tr>
</tbody>
</table>
<h4>Return Type</h4>
<p><code class="type"><code><a href="BiAbstractChartSectionBase.html">BiAbstractChartSectionBase</a></code></code></p>
<h3><a name="getIconHtml"></a>getIconHtml</h3>
<p>
				Returns the HTML code needed to display an icon representing the chart.
				Implementing this function allows the component to act as an icon for a label.
			</p>
<h4>Syntax</h4>
<pre class="method-syntax">object.getIconHtml(<span class="methodArgument">bHasText</span>, <span class="methodArgument">bEnabled</span>, <span class="methodArgument">sIconPosition</span>, <span class="methodArgument">nIconTextGap</span> [, <span class="methodArgument">sClassName</span>])</pre>
<h4>Parameters</h4>
<table>
<thead>
<tr>
<td>Name</td>
<td>Type</td>
<td class="optional-header">Optional</td>
<td>Default</td>
<td>Descripton</td>
</tr>
</thead>
<tbody>
<tr>
<td><code>bHasText</code></td>
<td><code class="type">Boolean</code></td>
<td class="optional-column"></td>
<td></td>
<td>Boolean whether the icon should be used with text</td>
</tr>
<tr>
<td><code>bEnabled</code></td>
<td><code class="type">Boolean</code></td>
<td class="optional-column"></td>
<td></td>
<td>Whether the icon is enabled</td>
</tr>
<tr>
<td><code>sIconPosition</code></td>
<td><code class="type">String</code></td>
<td class="optional-column"></td>
<td></td>
<td>
						The position of the icon. Valid values are "left", "right"
						"top" and "bottom".
					</td>
</tr>
<tr>
<td><code>nIconTextGap</code></td>
<td><code class="type">Number</code></td>
<td class="optional-column"></td>
<td></td>
<td>
						The gap between the text and the icon.
					</td>
</tr>
<tr>
<td><code>sClassName</code></td>
<td><code class="type">String</code></td>
<td class="optional-column"><img src="check.png" alt="checked"></td>
<td></td>
<td>
						Optional class name to put on the HTML element representing
						the icon.
					</td>
</tr>
</tbody>
</table>
<h4>Return Type</h4>
<p><code class="type">String</code></p>
</body>
</html>

⌨️ 快捷键说明

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