?? biabstractchartbase.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 + -