![[Warning]](images/warning.png) |
Warning |
|---|---|
| This component is of Beta quality and is subject to change. |
The following is a piechart that uses series data.
Example 60. Simple piechart
<canvas height="400" width="400">
<dataset name="baseball" src="resources/pie-data.xml"/>
<piechart id="chart1" width="500" height="500" dataPointsEnabled="true" datalabelEnabled="true" datalabelColumn="y" style="defaultchartstyle">
<dataseries datapath="baseball:/records">
<datacolumn name="x" columndatapath="record/@year" datatype="number"/>
<dataseries label="wins">
<datacolumn name="y" columndatapath="record/@wins" datatype="number"/>
</dataseries>
<datacolumn name="tooltip" columndatapath="record">
<method name="processData" args="v">
return "year: " + v.attributes.year + " wins: " +
v.attributes.wins;
</method>
</datacolumn>
</dataseries>
<strokestyle name="pieslicestyle" strokeColor="0x000000" strokeWidth="2" strokeType="dotted"/>
<legend name="legendbox" legendFontsize="14" initstage="late" legendborder="false">
<handler name="onitemmouseover" args="item">
var piepiece = parent.plotarea.arrPiePieces[item.identifier];
piepiece.renderInnerWedge();
</handler>
<handler name="onitemmouseout" args="item">
var piepiece = parent.plotarea.arrPiePieces[item.identifier];
piepiece.renderWedge();
</handler>
</legend>
</piechart>
</canvas>
A pie chart represents a chart that is displayed in the 2D polar plane. This class inherits immediately from chart class and can be instantiated directly. (Warning: Of beta quality.)
Attributes inherited from <chart>
bottomMargin, databorderEnabled, datalabelColumn, datalabelEnabled, dataPointsEnabled, datatipColumn, datatipEnabled, defaultRightMargin, defaultstyle, horizontalGap, initdone, leftMargin, rightMargin, topMargin, valuelinesenabled, valuepointsenabled, valueregionsenabled, verticalGap, zoomEnabled
Attributes inherited from <basecomponent>
doesenter, enabled, hasdefault, isdefault, style, styleable, text
Attributes inherited from <view>
aaactive, aadescription, aaname, aasilent, aatabindex, align, bgcolor, cachebitmap, clickable, clickregion, clip, contextmenu, cursor, fgcolor, focusable, focustrap, font, fontsize, fontstyle, frame, framesloadratio, hassetheight, hassetwidth, height, layout, loadratio, mask, opacity, pixellock, playing, proxyurl, resource, resourceheight, resourcewidth, rotation, showhandcursor, source, stretches, subviews, totalframes, unstretchedheight, unstretchedwidth, valign, visibility, visible, width, x, xoffset, y, yoffset
Attributes inherited from <node>
classroot, cloneManager, datapath, defaultplacement, id, ignoreplacement, immediateparent, inited, initstage, name, nodeLevel, options, parent, placement, subnodes
Methods
Methods inherited from <chart>
adjustPlotAreaToLayout, getDataSeries, getNodeOfClass, getNodesOfClass, render, renderPlotArea
Methods inherited from <basecomponent>
acceptValue, doEnterDown, doEnterUp, doSpaceDown, doSpaceUp, presentValue, setStyle, setTint, updateDefault
Methods inherited from <view>
bringToFront, containsPt, getAttributeRelative, getBounds, getColor, getColorTransform, getContextMenu, getCurrentTime, getDepthList, getID3, getMouse, getNextSelection, getPan, getPrevSelection, getProxyURL, getTotalTime, getVolume, init, measureHeight, measureWidth, play, proxyurl, releaseLayouts, searchSubviews, seek, sendAAEvent, sendBehind, sendInFrontOf, sendToBack, setAAActive, setAADescription, setAAName, setAASilent, setAATabIndex, setAccessible, setAlign, setAttributeRelative, setBGColor, setClickable, setColor, setColorTransform, setContextMenu, setCursor, setHeight, setLayout, setOpacity, setPan, setPlay, setProxyPolicy, setProxyURL, setResource, setResourceNumber, setRotation, setShowHandCursor, setSource, setValign, setVisibility, setVisible, setVolume, setWidth, setX, setXOffset, setY, setYOffset, shouldYieldFocus, stop, stretchResource, unload, updateResourceSize
Methods inherited from <node>
animate, applyConstraint, applyConstraintMethod, applyData, childOf, completeInstantiation, construct, createChildren, dataBindAttribute, destroy, determinePlacement, getAttribute, getOption, getUID, init, lookupSourceLocator, releaseConstraint, releaseConstraintMethod, searchImmediateSubnodes, searchSubnodes, setData, setDatapath, setOption, setSelected, updateData
Events
Events inherited from <view>
onaddsubview, onblur, onclick, ondblclick, onerror, onfocus, onframe, onframesloadratio, onheight, onkeydown, onkeyup, onlastframe, onload, onloadratio, onmousedown, onmousedragin, onmousedragout, onmouseout, onmouseover, onmouseup, onmouseupoutside, onopacity, onplay, onremovesubview, onstop, ontimeout, onvisible, onwidth, onx, ony