<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>CartesianChart - YUI 3</title>
<link rel="stylesheet" href="http://yui.yahooapis.com/3.9.1/build/cssgrids/cssgrids-min.css">
<link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css">
<link rel="stylesheet" href="../assets/css/main.css" id="site_styles">
<link rel="shortcut icon" type="image/png" href="../assets/favicon.png">
<script src="http://yui.yahooapis.com/combo?3.9.1/build/yui/yui-min.js"></script>
</head>
<body class="yui3-skin-sam">
<div id="doc">
<div id="hd" class="yui3-g header">
<div class="yui3-u-3-4">
<h1><img src="../assets/css/logo.png" title="YUI 3"></h1>
</div>
<div class="yui3-u-1-4 version">
<em>API Docs for: 3.10.3</em>
</div>
</div>
<div id="bd" class="yui3-g">
<div class="yui3-u-1-4">
<div id="docs-sidebar" class="sidebar apidocs">
<div id="api-list">
<h2 class="off-left">APIs</h2>
<div id="api-tabview" class="tabview">
<ul class="tabs">
<li><a href="#api-classes">Classes</a></li>
<li><a href="#api-modules">Modules</a></li>
</ul>
<div id="api-tabview-filter">
<input type="search" id="api-filter" placeholder="Type to filter APIs">
</div>
<div id="api-tabview-panel">
<ul id="api-classes" class="apis classes">
<li><a href="../classes/Anim.html">Anim</a></li>
<li><a href="../classes/App.html">App</a></li>
<li><a href="../classes/App.Base.html">App.Base</a></li>
<li><a href="../classes/App.Content.html">App.Content</a></li>
<li><a href="../classes/App.Transitions.html">App.Transitions</a></li>
<li><a href="../classes/App.TransitionsNative.html">App.TransitionsNative</a></li>
<li><a href="../classes/AreaSeries.html">AreaSeries</a></li>
<li><a href="../classes/AreaSplineSeries.html">AreaSplineSeries</a></li>
<li><a href="../classes/Array.html">Array</a></li>
<li><a href="../classes/ArrayList.html">ArrayList</a></li>
<li><a href="../classes/ArraySort.html">ArraySort</a></li>
<li><a href="../classes/AsyncQueue.html">AsyncQueue</a></li>
<li><a href="../classes/Attribute.html">Attribute</a></li>
<li><a href="../classes/AttributeCore.html">AttributeCore</a></li>
<li><a href="../classes/AttributeEvents.html">AttributeEvents</a></li>
<li><a href="../classes/AttributeExtras.html">AttributeExtras</a></li>
<li><a href="../classes/AttributeLite.html">AttributeLite</a></li>
<li><a href="../classes/AttributeObservable.html">AttributeObservable</a></li>
<li><a href="../classes/AutoComplete.html">AutoComplete</a></li>
<li><a href="../classes/AutoCompleteBase.html">AutoCompleteBase</a></li>
<li><a href="../classes/AutoCompleteFilters.html">AutoCompleteFilters</a></li>
<li><a href="../classes/AutoCompleteHighlighters.html">AutoCompleteHighlighters</a></li>
<li><a href="../classes/AutoCompleteList.html">AutoCompleteList</a></li>
<li><a href="../classes/Axis.html">Axis</a></li>
<li><a href="../classes/AxisBase.html">AxisBase</a></li>
<li><a href="../classes/BarSeries.html">BarSeries</a></li>
<li><a href="../classes/Base.html">Base</a></li>
<li><a href="../classes/BaseCore.html">BaseCore</a></li>
<li><a href="../classes/BaseObservable.html">BaseObservable</a></li>
<li><a href="../classes/BottomAxisLayout.html">BottomAxisLayout</a></li>
<li><a href="../classes/Button.html">Button</a></li>
<li><a href="../classes/ButtonCore.html">ButtonCore</a></li>
<li><a href="../classes/ButtonGroup.html">ButtonGroup</a></li>
<li><a href="../classes/Cache.html">Cache</a></li>
<li><a href="../classes/CacheOffline.html">CacheOffline</a></li>
<li><a href="../classes/Calendar.html">Calendar</a></li>
<li><a href="../classes/CalendarBase.html">CalendarBase</a></li>
<li><a href="../classes/CandlestickSeries.html">CandlestickSeries</a></li>
<li><a href="../classes/CanvasCircle.html">CanvasCircle</a></li>
<li><a href="../classes/CanvasDrawing.html">CanvasDrawing</a></li>
<li><a href="../classes/CanvasEllipse.html">CanvasEllipse</a></li>
<li><a href="../classes/CanvasGraphic.html">CanvasGraphic</a></li>
<li><a href="../classes/CanvasPath.html">CanvasPath</a></li>
<li><a href="../classes/CanvasPieSlice.html">CanvasPieSlice</a></li>
<li><a href="../classes/CanvasRect.html">CanvasRect</a></li>
<li><a href="../classes/CanvasShape.html">CanvasShape</a></li>
<li><a href="../classes/CartesianChart.html">CartesianChart</a></li>
<li><a href="../classes/CartesianSeries.html">CartesianSeries</a></li>
<li><a href="../classes/CategoryAxis.html">CategoryAxis</a></li>
<li><a href="../classes/CategoryAxisBase.html">CategoryAxisBase</a></li>
<li><a href="../classes/CategoryImpl.html">CategoryImpl</a></li>
<li><a href="../classes/Chart.html">Chart</a></li>
<li><a href="../classes/ChartBase.html">ChartBase</a></li>
<li><a href="../classes/ChartLegend.html">ChartLegend</a></li>
<li><a href="../classes/Circle.html">Circle</a></li>
<li><a href="../classes/CircleGroup.html">CircleGroup</a></li>
<li><a href="../classes/ClassNameManager.html">ClassNameManager</a></li>
<li><a href="../classes/ClickableRail.html">ClickableRail</a></li>
<li><a href="../classes/Color.html">Color</a></li>
<li><a href="../classes/Color.Harmony.html">Color.Harmony</a></li>
<li><a href="../classes/Color.HSL.html">Color.HSL</a></li>
<li><a href="../classes/Color.HSV.html">Color.HSV</a></li>
<li><a href="../classes/ColumnSeries.html">ColumnSeries</a></li>
<li><a href="../classes/ComboSeries.html">ComboSeries</a></li>
<li><a href="../classes/ComboSplineSeries.html">ComboSplineSeries</a></li>
<li><a href="../classes/config.html">config</a></li>
<li><a href="../classes/Console.html">Console</a></li>
<li><a href="../classes/Controller.html">Controller</a></li>
<li><a href="../classes/Cookie.html">Cookie</a></li>
<li><a href="../classes/CurveUtil.html">CurveUtil</a></li>
<li><a href="../classes/CustomEvent.html">CustomEvent</a></li>
<li><a href="../classes/DataSchema.Array.html">DataSchema.Array</a></li>
<li><a href="../classes/DataSchema.Base.html">DataSchema.Base</a></li>
<li><a href="../classes/DataSchema.JSON.html">DataSchema.JSON</a></li>
<li><a href="../classes/DataSchema.Text.html">DataSchema.Text</a></li>
<li><a href="../classes/DataSchema.XML.html">DataSchema.XML</a></li>
<li><a href="../classes/DataSource.Function.html">DataSource.Function</a></li>
<li><a href="../classes/DataSource.Get.html">DataSource.Get</a></li>
<li><a href="../classes/DataSource.IO.html">DataSource.IO</a></li>
<li><a href="../classes/DataSource.Local.html">DataSource.Local</a></li>
<li><a href="../classes/DataSourceArraySchema.html">DataSourceArraySchema</a></li>
<li><a href="../classes/DataSourceCache.html">DataSourceCache</a></li>
<li><a href="../classes/DataSourceCacheExtension.html">DataSourceCacheExtension</a></li>
<li><a href="../classes/DataSourceJSONSchema.html">DataSourceJSONSchema</a></li>
<li><a href="../classes/DataSourceTextSchema.html">DataSourceTextSchema</a></li>
<li><a href="../classes/DataSourceXMLSchema.html">DataSourceXMLSchema</a></li>
<li><a href="../classes/DataTable.html">DataTable</a></li>
<li><a href="../classes/DataTable.Base.html">DataTable.Base</a></li>
<li><a href="../classes/DataTable.BodyView.html">DataTable.BodyView</a></li>
<li><a href="../classes/DataTable.BodyView.Formatters.html">DataTable.BodyView.Formatters</a></li>
<li><a href="../classes/DataTable.ColumnWidths.html">DataTable.ColumnWidths</a></li>
<li><a href="../classes/DataTable.Core.html">DataTable.Core</a></li>
<li><a href="../classes/DataTable.HeaderView.html">DataTable.HeaderView</a></li>
<li><a href="../classes/DataTable.Message.html">DataTable.Message</a></li>
<li><a href="../classes/DataTable.Mutable.html">DataTable.Mutable</a></li>
<li><a href="../classes/DataTable.Scrollable.html">DataTable.Scrollable</a></li>
<li><a href="../classes/DataTable.Sortable.html">DataTable.Sortable</a></li>
<li><a href="../classes/DataTable.TableView.html">DataTable.TableView</a></li>
<li><a href="../classes/Date.html">Date</a></li>
<li><a href="../classes/DD.DDM.html">DD.DDM</a></li>
<li><a href="../classes/DD.Delegate.html">DD.Delegate</a></li>
<li><a href="../classes/DD.Drag.html">DD.Drag</a></li>
<li><a href="../classes/DD.Drop.html">DD.Drop</a></li>
<li><a href="../classes/DD.Scroll.html">DD.Scroll</a></li>
<li><a href="../classes/Dial.html">Dial</a></li>
<li><a href="../classes/Do.html">Do</a></li>
<li><a href="../classes/Do.AlterArgs.html">Do.AlterArgs</a></li>
<li><a href="../classes/Do.AlterReturn.html">Do.AlterReturn</a></li>
<li><a href="../classes/Do.Error.html">Do.Error</a></li>
<li><a href="../classes/Do.Halt.html">Do.Halt</a></li>
<li><a href="../classes/Do.Method.html">Do.Method</a></li>
<li><a href="../classes/Do.Prevent.html">Do.Prevent</a></li>
<li><a href="../classes/DOM.html">DOM</a></li>
<li><a href="../classes/DOMEventFacade.html">DOMEventFacade</a></li>
<li><a href="../classes/Drawing.html">Drawing</a></li>
<li><a href="../classes/Easing.html">Easing</a></li>
<li><a href="../classes/EditorBase.html">EditorBase</a></li>
<li><a href="../classes/EditorSelection.html">EditorSelection</a></li>
<li><a href="../classes/Ellipse.html">Ellipse</a></li>
<li><a href="../classes/EllipseGroup.html">EllipseGroup</a></li>
<li><a href="../classes/Escape.html">Escape</a></li>
<li><a href="../classes/Event.html">Event</a></li>
<li><a href="../classes/EventFacade.html">EventFacade</a></li>
<li><a href="../classes/EventHandle.html">EventHandle</a></li>
<li><a href="../classes/EventTarget.html">EventTarget</a></li>
<li><a href="../classes/ExecCommand.html">ExecCommand</a></li>
<li><a href="../classes/Features.html">Features</a></li>
<li><a href="../classes/File.html">File</a></li>
<li><a href="../classes/FileFlash.html">FileFlash</a></li>
<li><a href="../classes/FileHTML5.html">FileHTML5</a></li>
<li><a href="../classes/Fills.html">Fills</a></li>
<li><a href="../classes/Frame.html">Frame</a></li>
<li><a href="../classes/Get.html">Get</a></li>
<li><a href="../classes/Get.Transaction.html">Get.Transaction</a></li>
<li><a href="../classes/GetNodeJS.html">GetNodeJS</a></li>
<li><a href="../classes/Graph.html">Graph</a></li>
<li><a href="../classes/Graphic.html">Graphic</a></li>
<li><a href="../classes/GraphicBase.html">GraphicBase</a></li>
<li><a href="../classes/Gridlines.html">Gridlines</a></li>
<li><a href="../classes/GroupDiamond.html">GroupDiamond</a></li>
<li><a href="../classes/GroupRect.html">GroupRect</a></li>
<li><a href="../classes/Handlebars.html">Handlebars</a></li>
<li><a href="../classes/Highlight.html">Highlight</a></li>
<li><a href="../classes/Histogram.html">Histogram</a></li>
<li><a href="../classes/HistoryBase.html">HistoryBase</a></li>
<li><a href="../classes/HistoryHash.html">HistoryHash</a></li>
<li><a href="../classes/HistoryHTML5.html">HistoryHTML5</a></li>
<li><a href="../classes/HorizontalLegendLayout.html">HorizontalLegendLayout</a></li>
<li><a href="../classes/ImgLoadGroup.html">ImgLoadGroup</a></li>
<li><a href="../classes/ImgLoadImgObj.html">ImgLoadImgObj</a></li>
<li><a href="../classes/Intl.html">Intl</a></li>
<li><a href="../classes/IO.html">IO</a></li>
<li><a href="../classes/JSON.html">JSON</a></li>
<li><a href="../classes/JSONPRequest.html">JSONPRequest</a></li>
<li><a href="../classes/Lang.html">Lang</a></li>
<li><a href="../classes/LazyModelList.html">LazyModelList</a></li>
<li><a href="../classes/LeftAxisLayout.html">LeftAxisLayout</a></li>
<li><a href="../classes/Lines.html">Lines</a></li>
<li><a href="../classes/LineSeries.html">LineSeries</a></li>
<li><a href="../classes/Loader.html">Loader</a></li>
<li><a href="../classes/MarkerSeries.html">MarkerSeries</a></li>
<li><a href="../classes/Matrix.html">Matrix</a></li>
<li><a href="../classes/MatrixUtil.html">MatrixUtil</a></li>
<li><a href="../classes/Model.html">Model</a></li>
<li><a href="../classes/ModelList.html">ModelList</a></li>
<li><a href="../classes/ModelSync.REST.html">ModelSync.REST</a></li>
<li><a href="../classes/Node.html">Node</a></li>
<li><a href="../classes/NodeList.html">NodeList</a></li>
<li><a href="../classes/Number.html">Number</a></li>
<li><a href="../classes/NumericAxis.html">NumericAxis</a></li>
<li><a href="../classes/NumericAxisBase.html">NumericAxisBase</a></li>
<li><a href="../classes/NumericImpl.html">NumericImpl</a></li>
<li><a href="../classes/Object.html">Object</a></li>
<li><a href="../classes/OHLCSeries.html">OHLCSeries</a></li>
<li><a href="../classes/Overlay.html">Overlay</a></li>
<li><a href="../classes/Panel.html">Panel</a></li>
<li><a href="../classes/Parallel.html">Parallel</a></li>
<li><a href="../classes/Path.html">Path</a></li>
<li><a href="../classes/PieChart.html">PieChart</a></li>
<li><a href="../classes/PieSeries.html">PieSeries</a></li>
<li><a href="../classes/Pjax.html">Pjax</a></li>
<li><a href="../classes/PjaxBase.html">PjaxBase</a></li>
<li><a href="../classes/PjaxContent.html">PjaxContent</a></li>
<li><a href="../classes/Plots.html">Plots</a></li>
<li><a href="../classes/Plugin.Align.html">Plugin.Align</a></li>
<li><a href="../classes/Plugin.AutoComplete.html">Plugin.AutoComplete</a></li>
<li><a href="../classes/Plugin.Base.html">Plugin.Base</a></li>
<li><a href="../classes/Plugin.Button.html">Plugin.Button</a></li>
<li><a href="../classes/Plugin.Cache.html">Plugin.Cache</a></li>
<li><a href="../classes/Plugin.CalendarNavigator.html">Plugin.CalendarNavigator</a></li>
<li><a href="../classes/Plugin.ConsoleFilters.html">Plugin.ConsoleFilters</a></li>
<li><a href="../classes/Plugin.CreateLinkBase.html">Plugin.CreateLinkBase</a></li>
<li><a href="../classes/Plugin.DataTableDataSource.html">Plugin.DataTableDataSource</a></li>
<li><a href="../classes/Plugin.DDConstrained.html">Plugin.DDConstrained</a></li>
<li><a href="../classes/Plugin.DDNodeScroll.html">Plugin.DDNodeScroll</a></li>
<li><a href="../classes/Plugin.DDProxy.html">Plugin.DDProxy</a></li>
<li><a href="../classes/Plugin.DDWindowScroll.html">Plugin.DDWindowScroll</a></li>
<li><a href="../classes/Plugin.Drag.html">Plugin.Drag</a></li>
<li><a href="../classes/Plugin.Drop.html">Plugin.Drop</a></li>
<li><a href="../classes/Plugin.EditorBidi.html">Plugin.EditorBidi</a></li>
<li><a href="../classes/Plugin.EditorBR.html">Plugin.EditorBR</a></li>
<li><a href="../classes/Plugin.EditorLists.html">Plugin.EditorLists</a></li>
<li><a href="../classes/Plugin.EditorPara.html">Plugin.EditorPara</a></li>
<li><a href="../classes/Plugin.EditorParaBase.html">Plugin.EditorParaBase</a></li>
<li><a href="../classes/Plugin.EditorParaIE.html">Plugin.EditorParaIE</a></li>
<li><a href="../classes/Plugin.EditorTab.html">Plugin.EditorTab</a></li>
<li><a href="../classes/Plugin.ExecCommand.html">Plugin.ExecCommand</a></li>
<li><a href="../classes/Plugin.Flick.html">Plugin.Flick</a></li>
<li><a href="../classes/Plugin.Host.html">Plugin.Host</a></li>
<li><a href="../classes/plugin.NodeFocusManager.html">plugin.NodeFocusManager</a></li>
<li><a href="../classes/Plugin.NodeFX.html">Plugin.NodeFX</a></li>
<li><a href="../classes/plugin.NodeMenuNav.html">plugin.NodeMenuNav</a></li>
<li><a href="../classes/Plugin.Pjax.html">Plugin.Pjax</a></li>
<li><a href="../classes/Plugin.Resize.html">Plugin.Resize</a></li>
<li><a href="../classes/Plugin.ResizeConstrained.html">Plugin.ResizeConstrained</a></li>
<li><a href="../classes/Plugin.ResizeProxy.html">Plugin.ResizeProxy</a></li>
<li><a href="../classes/Plugin.ScrollInfo.html">Plugin.ScrollInfo</a></li>
<li><a href="../classes/Plugin.ScrollViewList.html">Plugin.ScrollViewList</a></li>
<li><a href="../classes/Plugin.ScrollViewPaginator.html">Plugin.ScrollViewPaginator</a></li>
<li><a href="../classes/Plugin.ScrollViewScrollbars.html">Plugin.ScrollViewScrollbars</a></li>
<li><a href="../classes/Plugin.Shim.html">Plugin.Shim</a></li>
<li><a href="../classes/Plugin.SortScroll.html">Plugin.SortScroll</a></li>
<li><a href="../classes/Plugin.Tree.Lazy.html">Plugin.Tree.Lazy</a></li>
<li><a href="../classes/Plugin.WidgetAnim.html">Plugin.WidgetAnim</a></li>
<li><a href="../classes/Pollable.html">Pollable</a></li>
<li><a href="../classes/Promise.html">Promise</a></li>
<li><a href="../classes/Promise.Resolver.html">Promise.Resolver</a></li>
<li><a href="../classes/QueryString.html">QueryString</a></li>
<li><a href="../classes/Queue.html">Queue</a></li>
<li><a href="../classes/RangeSeries.html">RangeSeries</a></li>
<li><a href="../classes/Record.html">Record</a></li>
<li><a href="../classes/Recordset.html">Recordset</a></li>
<li><a href="../classes/RecordsetFilter.html">RecordsetFilter</a></li>
<li><a href="../classes/RecordsetIndexer.html">RecordsetIndexer</a></li>
<li><a href="../classes/RecordsetSort.html">RecordsetSort</a></li>
<li><a href="../classes/Rect.html">Rect</a></li>
<li><a href="../classes/Renderer.html">Renderer</a></li>
<li><a href="../classes/Resize.html">Resize</a></li>
<li><a href="../classes/RightAxisLayout.html">RightAxisLayout</a></li>
<li><a href="../classes/Router.html">Router</a></li>
<li><a href="../classes/ScrollView.html">ScrollView</a></li>
<li><a href="../classes/Selector.html">Selector</a></li>
<li><a href="../classes/SeriesBase.html">SeriesBase</a></li>
<li><a href="../classes/Shape.html">Shape</a></li>
<li><a href="../classes/ShapeGroup.html">ShapeGroup</a></li>
<li><a href="../classes/Slider.html">Slider</a></li>
<li><a href="../classes/SliderBase.html">SliderBase</a></li>
<li><a href="../classes/SliderValueRange.html">SliderValueRange</a></li>
<li><a href="../classes/soon.html">soon</a></li>
<li><a href="../classes/Sortable.html">Sortable</a></li>
<li><a href="../classes/SplineSeries.html">SplineSeries</a></li>
<li><a href="../classes/StackedAreaSeries.html">StackedAreaSeries</a></li>
<li><a href="../classes/StackedAreaSplineSeries.html">StackedAreaSplineSeries</a></li>
<li><a href="../classes/StackedAxis.html">StackedAxis</a></li>
<li><a href="../classes/StackedAxisBase.html">StackedAxisBase</a></li>
<li><a href="../classes/StackedBarSeries.html">StackedBarSeries</a></li>
<li><a href="../classes/StackedColumnSeries.html">StackedColumnSeries</a></li>
<li><a href="../classes/StackedComboSeries.html">StackedComboSeries</a></li>
<li><a href="../classes/StackedComboSplineSeries.html">StackedComboSplineSeries</a></li>
<li><a href="../classes/StackedImpl.html">StackedImpl</a></li>
<li><a href="../classes/StackedLineSeries.html">StackedLineSeries</a></li>
<li><a href="../classes/StackedMarkerSeries.html">StackedMarkerSeries</a></li>
<li><a href="../classes/StackedSplineSeries.html">StackedSplineSeries</a></li>
<li><a href="../classes/StackingUtil.html">StackingUtil</a></li>
<li><a href="../classes/State.html">State</a></li>
<li><a href="../classes/StyleSheet.html">StyleSheet</a></li>
<li><a href="../classes/Subscriber.html">Subscriber</a></li>
<li><a href="../classes/SVGCircle.html">SVGCircle</a></li>
<li><a href="../classes/SVGDrawing.html">SVGDrawing</a></li>
<li><a href="../classes/SVGEllipse.html">SVGEllipse</a></li>
<li><a href="../classes/SVGGraphic.html">SVGGraphic</a></li>
<li><a href="../classes/SVGPath.html">SVGPath</a></li>
<li><a href="../classes/SVGPieSlice.html">SVGPieSlice</a></li>
<li><a href="../classes/SVGRect.html">SVGRect</a></li>
<li><a href="../classes/SVGShape.html">SVGShape</a></li>
<li><a href="../classes/SWF.html">SWF</a></li>
<li><a href="../classes/SWFDetect.html">SWFDetect</a></li>
<li><a href="../classes/SyntheticEvent.html">SyntheticEvent</a></li>
<li><a href="../classes/SyntheticEvent.Notifier.html">SyntheticEvent.Notifier</a></li>
<li><a href="../classes/SynthRegistry.html">SynthRegistry</a></li>
<li><a href="../classes/Tab.html">Tab</a></li>
<li><a href="../classes/TabView.html">TabView</a></li>
<li><a href="../classes/Template.html">Template</a></li>
<li><a href="../classes/Template.Micro.html">Template.Micro</a></li>
<li><a href="../classes/Test.ArrayAssert.html">Test.ArrayAssert</a></li>
<li><a href="../classes/Test.Assert.html">Test.Assert</a></li>
<li><a href="../classes/Test.AssertionError.html">Test.AssertionError</a></li>
<li><a href="../classes/Test.ComparisonFailure.html">Test.ComparisonFailure</a></li>
<li><a href="../classes/Test.Console.html">Test.Console</a></li>
<li><a href="../classes/Test.CoverageFormat.html">Test.CoverageFormat</a></li>
<li><a href="../classes/Test.DateAssert.html">Test.DateAssert</a></li>
<li><a href="../classes/Test.EventTarget.html">Test.EventTarget</a></li>
<li><a href="../classes/Test.Mock.html">Test.Mock</a></li>
<li><a href="../classes/Test.Mock.Value.html">Test.Mock.Value</a></li>
<li><a href="../classes/Test.ObjectAssert.html">Test.ObjectAssert</a></li>
<li><a href="../classes/Test.Reporter.html">Test.Reporter</a></li>
<li><a href="../classes/Test.Results.html">Test.Results</a></li>
<li><a href="../classes/Test.Runner.html">Test.Runner</a></li>
<li><a href="../classes/Test.ShouldError.html">Test.ShouldError</a></li>
<li><a href="../classes/Test.ShouldFail.html">Test.ShouldFail</a></li>
<li><a href="../classes/Test.TestCase.html">Test.TestCase</a></li>
<li><a href="../classes/Test.TestFormat.html">Test.TestFormat</a></li>
<li><a href="../classes/Test.TestNode.html">Test.TestNode</a></li>
<li><a href="../classes/Test.TestRunner.html">Test.TestRunner</a></li>
<li><a href="../classes/Test.TestSuite.html">Test.TestSuite</a></li>
<li><a href="../classes/Test.UnexpectedError.html">Test.UnexpectedError</a></li>
<li><a href="../classes/Test.UnexpectedValue.html">Test.UnexpectedValue</a></li>
<li><a href="../classes/Test.Wait.html">Test.Wait</a></li>
<li><a href="../classes/Text.AccentFold.html">Text.AccentFold</a></li>
<li><a href="../classes/Text.WordBreak.html">Text.WordBreak</a></li>
<li><a href="../classes/TimeAxis.html">TimeAxis</a></li>
<li><a href="../classes/TimeAxisBase.html">TimeAxisBase</a></li>
<li><a href="../classes/TimeImpl.html">TimeImpl</a></li>
<li><a href="../classes/ToggleButton.html">ToggleButton</a></li>
<li><a href="../classes/TopAxisLayout.html">TopAxisLayout</a></li>
<li><a href="../classes/Transition.html">Transition</a></li>
<li><a href="../classes/Tree.html">Tree</a></li>
<li><a href="../classes/Tree.Labelable.html">Tree.Labelable</a></li>
<li><a href="../classes/Tree.Node.html">Tree.Node</a></li>
<li><a href="../classes/Tree.Node.Labelable.html">Tree.Node.Labelable</a></li>
<li><a href="../classes/Tree.Node.Openable.html">Tree.Node.Openable</a></li>
<li><a href="../classes/Tree.Node.Selectable.html">Tree.Node.Selectable</a></li>
<li><a href="../classes/Tree.Node.Sortable.html">Tree.Node.Sortable</a></li>
<li><a href="../classes/Tree.Openable.html">Tree.Openable</a></li>
<li><a href="../classes/Tree.Selectable.html">Tree.Selectable</a></li>
<li><a href="../classes/Tree.Sortable.html">Tree.Sortable</a></li>
<li><a href="../classes/UA.html">UA</a></li>
<li><a href="../classes/Uploader.html">Uploader</a></li>
<li><a href="../classes/Uploader.Queue.html">Uploader.Queue</a></li>
<li><a href="../classes/UploaderFlash.html">UploaderFlash</a></li>
<li><a href="../classes/UploaderHTML5.html">UploaderHTML5</a></li>
<li><a href="../classes/ValueChange.html">ValueChange</a></li>
<li><a href="../classes/VerticalLegendLayout.html">VerticalLegendLayout</a></li>
<li><a href="../classes/View.html">View</a></li>
<li><a href="../classes/View.NodeMap.html">View.NodeMap</a></li>
<li><a href="../classes/VMLCircle.html">VMLCircle</a></li>
<li><a href="../classes/VMLDrawing.html">VMLDrawing</a></li>
<li><a href="../classes/VMLEllipse.html">VMLEllipse</a></li>
<li><a href="../classes/VMLGraphic.html">VMLGraphic</a></li>
<li><a href="../classes/VMLPath.html">VMLPath</a></li>
<li><a href="../classes/VMLPieSlice.html">VMLPieSlice</a></li>
<li><a href="../classes/VMLRect.html">VMLRect</a></li>
<li><a href="../classes/VMLShape.html">VMLShape</a></li>
<li><a href="../classes/Widget.html">Widget</a></li>
<li><a href="../classes/WidgetAutohide.html">WidgetAutohide</a></li>
<li><a href="../classes/WidgetButtons.html">WidgetButtons</a></li>
<li><a href="../classes/WidgetChild.html">WidgetChild</a></li>
<li><a href="../classes/WidgetModality.html">WidgetModality</a></li>
<li><a href="../classes/WidgetParent.html">WidgetParent</a></li>
<li><a href="../classes/WidgetPosition.html">WidgetPosition</a></li>
<li><a href="../classes/WidgetPositionAlign.html">WidgetPositionAlign</a></li>
<li><a href="../classes/WidgetPositionConstrain.html">WidgetPositionConstrain</a></li>
<li><a href="../classes/WidgetStack.html">WidgetStack</a></li>
<li><a href="../classes/WidgetStdMod.html">WidgetStdMod</a></li>
<li><a href="../classes/XML.html">XML</a></li>
<li><a href="../classes/YQL.html">YQL</a></li>
<li><a href="../classes/YQLRequest.html">YQLRequest</a></li>
<li><a href="../classes/YUI.html">YUI</a></li>
<li><a href="../classes/YUI~substitute.html">YUI~substitute</a></li>
</ul>
<ul id="api-modules" class="apis modules">
<li><a href="../modules/align-plugin.html">align-plugin</a></li>
<li><a href="../modules/anim.html">anim</a></li>
<li><a href="../modules/anim-base.html">anim-base</a></li>
<li><a href="../modules/anim-color.html">anim-color</a></li>
<li><a href="../modules/anim-curve.html">anim-curve</a></li>
<li><a href="../modules/anim-easing.html">anim-easing</a></li>
<li><a href="../modules/anim-node-plugin.html">anim-node-plugin</a></li>
<li><a href="../modules/anim-scroll.html">anim-scroll</a></li>
<li><a href="../modules/anim-shape.html">anim-shape</a></li>
<li><a href="../modules/anim-shape-transform.html">anim-shape-transform</a></li>
<li><a href="../modules/anim-xy.html">anim-xy</a></li>
<li><a href="../modules/app.html">app</a></li>
<li><a href="../modules/app-base.html">app-base</a></li>
<li><a href="../modules/app-content.html">app-content</a></li>
<li><a href="../modules/app-transitions.html">app-transitions</a></li>
<li><a href="../modules/app-transitions-native.html">app-transitions-native</a></li>
<li><a href="../modules/array-extras.html">array-extras</a></li>
<li><a href="../modules/array-invoke.html">array-invoke</a></li>
<li><a href="../modules/arraylist.html">arraylist</a></li>
<li><a href="../modules/arraylist-add.html">arraylist-add</a></li>
<li><a href="../modules/arraylist-filter.html">arraylist-filter</a></li>
<li><a href="../modules/arraysort.html">arraysort</a></li>
<li><a href="../modules/async-queue.html">async-queue</a></li>
<li><a href="../modules/attribute.html">attribute</a></li>
<li><a href="../modules/attribute-base.html">attribute-base</a></li>
<li><a href="../modules/attribute-complex.html">attribute-complex</a></li>
<li><a href="../modules/attribute-core.html">attribute-core</a></li>
<li><a href="../modules/attribute-extras.html">attribute-extras</a></li>
<li><a href="../modules/attribute-observable.html">attribute-observable</a></li>
<li><a href="../modules/autocomplete.html">autocomplete</a></li>
<li><a href="../modules/autocomplete-base.html">autocomplete-base</a></li>
<li><a href="../modules/autocomplete-filters.html">autocomplete-filters</a></li>
<li><a href="../modules/autocomplete-filters-accentfold.html">autocomplete-filters-accentfold</a></li>
<li><a href="../modules/autocomplete-highlighters.html">autocomplete-highlighters</a></li>
<li><a href="../modules/autocomplete-highlighters-accentfold.html">autocomplete-highlighters-accentfold</a></li>
<li><a href="../modules/autocomplete-list.html">autocomplete-list</a></li>
<li><a href="../modules/autocomplete-list-keys.html">autocomplete-list-keys</a></li>
<li><a href="../modules/autocomplete-plugin.html">autocomplete-plugin</a></li>
<li><a href="../modules/autocomplete-sources.html">autocomplete-sources</a></li>
<li><a href="../modules/axis.html">axis</a></li>
<li><a href="../modules/axis-base.html">axis-base</a></li>
<li><a href="../modules/axis-category.html">axis-category</a></li>
<li><a href="../modules/axis-category-base.html">axis-category-base</a></li>
<li><a href="../modules/axis-numeric.html">axis-numeric</a></li>
<li><a href="../modules/axis-numeric-base.html">axis-numeric-base</a></li>
<li><a href="../modules/axis-stacked.html">axis-stacked</a></li>
<li><a href="../modules/axis-stacked-base.html">axis-stacked-base</a></li>
<li><a href="../modules/axis-time.html">axis-time</a></li>
<li><a href="../modules/axis-time-base.html">axis-time-base</a></li>
<li><a href="../modules/base.html">base</a></li>
<li><a href="../modules/base-base.html">base-base</a></li>
<li><a href="../modules/base-build.html">base-build</a></li>
<li><a href="../modules/base-core.html">base-core</a></li>
<li><a href="../modules/base-observable.html">base-observable</a></li>
<li><a href="../modules/base-pluginhost.html">base-pluginhost</a></li>
<li><a href="../modules/button.html">button</a></li>
<li><a href="../modules/button-core.html">button-core</a></li>
<li><a href="../modules/button-group.html">button-group</a></li>
<li><a href="../modules/button-plugin.html">button-plugin</a></li>
<li><a href="../modules/cache.html">cache</a></li>
<li><a href="../modules/cache-base.html">cache-base</a></li>
<li><a href="../modules/cache-offline.html">cache-offline</a></li>
<li><a href="../modules/cache-plugin.html">cache-plugin</a></li>
<li><a href="../modules/calendar.html">calendar</a></li>
<li><a href="../modules/calendar-base.html">calendar-base</a></li>
<li><a href="../modules/calendarnavigator.html">calendarnavigator</a></li>
<li><a href="../modules/charts.html">charts</a></li>
<li><a href="../modules/charts-base.html">charts-base</a></li>
<li><a href="../modules/charts-legend.html">charts-legend</a></li>
<li><a href="../modules/classnamemanager.html">classnamemanager</a></li>
<li><a href="../modules/clickable-rail.html">clickable-rail</a></li>
<li><a href="../modules/collection.html">collection</a></li>
<li><a href="../modules/color.html">color</a></li>
<li><a href="../modules/color-base.html">color-base</a></li>
<li><a href="../modules/color-harmony.html">color-harmony</a></li>
<li><a href="../modules/color-hsl.html">color-hsl</a></li>
<li><a href="../modules/color-hsv.html">color-hsv</a></li>
<li><a href="../modules/console.html">console</a></li>
<li><a href="../modules/console-filters.html">console-filters</a></li>
<li><a href="../modules/cookie.html">cookie</a></li>
<li><a href="../modules/createlink-base.html">createlink-base</a></li>
<li><a href="../modules/dataschema.html">dataschema</a></li>
<li><a href="../modules/dataschema-array.html">dataschema-array</a></li>
<li><a href="../modules/dataschema-base.html">dataschema-base</a></li>
<li><a href="../modules/dataschema-json.html">dataschema-json</a></li>
<li><a href="../modules/dataschema-text.html">dataschema-text</a></li>
<li><a href="../modules/dataschema-xml.html">dataschema-xml</a></li>
<li><a href="../modules/datasource.html">datasource</a></li>
<li><a href="../modules/datasource-arrayschema.html">datasource-arrayschema</a></li>
<li><a href="../modules/datasource-cache.html">datasource-cache</a></li>
<li><a href="../modules/datasource-function.html">datasource-function</a></li>
<li><a href="../modules/datasource-get.html">datasource-get</a></li>
<li><a href="../modules/datasource-io.html">datasource-io</a></li>
<li><a href="../modules/datasource-jsonschema.html">datasource-jsonschema</a></li>
<li><a href="../modules/datasource-local.html">datasource-local</a></li>
<li><a href="../modules/datasource-polling.html">datasource-polling</a></li>
<li><a href="../modules/datasource-textschema.html">datasource-textschema</a></li>
<li><a href="../modules/datasource-xmlschema.html">datasource-xmlschema</a></li>
<li><a href="../modules/datatable.html">datatable</a></li>
<li><a href="../modules/datatable-base.html">datatable-base</a></li>
<li><a href="../modules/datatable-body.html">datatable-body</a></li>
<li><a href="../modules/datatable-column-widths.html">datatable-column-widths</a></li>
<li><a href="../modules/datatable-core.html">datatable-core</a></li>
<li><a href="../modules/datatable-datasource.html">datatable-datasource</a></li>
<li><a href="../modules/datatable-formatters.html">datatable-formatters</a></li>
<li><a href="../modules/datatable-head.html">datatable-head</a></li>
<li><a href="../modules/datatable-message.html">datatable-message</a></li>
<li><a href="../modules/datatable-mutable.html">datatable-mutable</a></li>
<li><a href="../modules/datatable-scroll.html">datatable-scroll</a></li>
<li><a href="../modules/datatable-sort.html">datatable-sort</a></li>
<li><a href="../modules/datatable-table.html">datatable-table</a></li>
<li><a href="../modules/datatype.html">datatype</a></li>
<li><a href="../modules/datatype-date.html">datatype-date</a></li>
<li><a href="../modules/datatype-date-format.html">datatype-date-format</a></li>
<li><a href="../modules/datatype-date-math.html">datatype-date-math</a></li>
<li><a href="../modules/datatype-date-parse.html">datatype-date-parse</a></li>
<li><a href="../modules/datatype-number.html">datatype-number</a></li>
<li><a href="../modules/datatype-number-format.html">datatype-number-format</a></li>
<li><a href="../modules/datatype-number-parse.html">datatype-number-parse</a></li>
<li><a href="../modules/datatype-xml.html">datatype-xml</a></li>
<li><a href="../modules/datatype-xml-format.html">datatype-xml-format</a></li>
<li><a href="../modules/datatype-xml-parse.html">datatype-xml-parse</a></li>
<li><a href="../modules/dd.html">dd</a></li>
<li><a href="../modules/dd-constrain.html">dd-constrain</a></li>
<li><a href="../modules/dd-ddm.html">dd-ddm</a></li>
<li><a href="../modules/dd-ddm-base.html">dd-ddm-base</a></li>
<li><a href="../modules/dd-ddm-drop.html">dd-ddm-drop</a></li>
<li><a href="../modules/dd-delegate.html">dd-delegate</a></li>
<li><a href="../modules/dd-drag.html">dd-drag</a></li>
<li><a href="../modules/dd-drop.html">dd-drop</a></li>
<li><a href="../modules/dd-drop-plugin.html">dd-drop-plugin</a></li>
<li><a href="../modules/dd-gestures.html">dd-gestures</a></li>
<li><a href="../modules/dd-plugin.html">dd-plugin</a></li>
<li><a href="../modules/dd-proxy.html">dd-proxy</a></li>
<li><a href="../modules/dd-scroll.html">dd-scroll</a></li>
<li><a href="../modules/dial.html">dial</a></li>
<li><a href="../modules/dom.html">dom</a></li>
<li><a href="../modules/dom-base.html">dom-base</a></li>
<li><a href="../modules/dom-screen.html">dom-screen</a></li>
<li><a href="../modules/dom-style.html">dom-style</a></li>
<li><a href="../modules/dump.html">dump</a></li>
<li><a href="../modules/editor.html">editor</a></li>
<li><a href="../modules/editor-base.html">editor-base</a></li>
<li><a href="../modules/editor-bidi.html">editor-bidi</a></li>
<li><a href="../modules/editor-br.html">editor-br</a></li>
<li><a href="../modules/editor-lists.html">editor-lists</a></li>
<li><a href="../modules/editor-para.html">editor-para</a></li>
<li><a href="../modules/editor-para-base.html">editor-para-base</a></li>
<li><a href="../modules/editor-para-ie.html">editor-para-ie</a></li>
<li><a href="../modules/editor-tab.html">editor-tab</a></li>
<li><a href="../modules/escape.html">escape</a></li>
<li><a href="../modules/event.html">event</a></li>
<li><a href="../modules/event-base.html">event-base</a></li>
<li><a href="../modules/event-contextmenu.html">event-contextmenu</a></li>
<li><a href="../modules/event-custom.html">event-custom</a></li>
<li><a href="../modules/event-custom-base.html">event-custom-base</a></li>
<li><a href="../modules/event-custom-complex.html">event-custom-complex</a></li>
<li><a href="../modules/event-delegate.html">event-delegate</a></li>
<li><a href="../modules/event-flick.html">event-flick</a></li>
<li><a href="../modules/event-focus.html">event-focus</a></li>
<li><a href="../modules/event-gestures.html">event-gestures</a></li>
<li><a href="../modules/event-hover.html">event-hover</a></li>
<li><a href="../modules/event-key.html">event-key</a></li>
<li><a href="../modules/event-mouseenter.html">event-mouseenter</a></li>
<li><a href="../modules/event-mousewheel.html">event-mousewheel</a></li>
<li><a href="../modules/event-move.html">event-move</a></li>
<li><a href="../modules/event-outside.html">event-outside</a></li>
<li><a href="../modules/event-resize.html">event-resize</a></li>
<li><a href="../modules/event-simulate.html">event-simulate</a></li>
<li><a href="../modules/event-synthetic.html">event-synthetic</a></li>
<li><a href="../modules/event-tap.html">event-tap</a></li>
<li><a href="../modules/event-touch.html">event-touch</a></li>
<li><a href="../modules/event-valuechange.html">event-valuechange</a></li>
<li><a href="../modules/exec-command.html">exec-command</a></li>
<li><a href="../modules/features.html">features</a></li>
<li><a href="../modules/file.html">file</a></li>
<li><a href="../modules/file-flash.html">file-flash</a></li>
<li><a href="../modules/file-html5.html">file-html5</a></li>
<li><a href="../modules/frame.html">frame</a></li>
<li><a href="../modules/gesture-simulate.html">gesture-simulate</a></li>
<li><a href="../modules/get.html">get</a></li>
<li><a href="../modules/get-nodejs.html">get-nodejs</a></li>
<li><a href="../modules/graphics.html">graphics</a></li>
<li><a href="../modules/graphics-group.html">graphics-group</a></li>
<li><a href="../modules/handlebars.html">handlebars</a></li>
<li><a href="../modules/handlebars-base.html">handlebars-base</a></li>
<li><a href="../modules/handlebars-compiler.html">handlebars-compiler</a></li>
<li><a href="../modules/highlight.html">highlight</a></li>
<li><a href="../modules/highlight-accentfold.html">highlight-accentfold</a></li>
<li><a href="../modules/highlight-base.html">highlight-base</a></li>
<li><a href="../modules/history.html">history</a></li>
<li><a href="../modules/history-base.html">history-base</a></li>
<li><a href="../modules/history-hash.html">history-hash</a></li>
<li><a href="../modules/history-hash-ie.html">history-hash-ie</a></li>
<li><a href="../modules/history-html5.html">history-html5</a></li>
<li><a href="../modules/imageloader.html">imageloader</a></li>
<li><a href="../modules/intl.html">intl</a></li>
<li><a href="../modules/io.html">io</a></li>
<li><a href="../modules/io-base.html">io-base</a></li>
<li><a href="../modules/io-form.html">io-form</a></li>
<li><a href="../modules/io-nodejs.html">io-nodejs</a></li>
<li><a href="../modules/io-queue.html">io-queue</a></li>
<li><a href="../modules/io-upload-iframe.html">io-upload-iframe</a></li>
<li><a href="../modules/io-xdr.html">io-xdr</a></li>
<li><a href="../modules/json.html">json</a></li>
<li><a href="../modules/json-parse.html">json-parse</a></li>
<li><a href="../modules/json-stringify.html">json-stringify</a></li>
<li><a href="../modules/jsonp.html">jsonp</a></li>
<li><a href="../modules/jsonp-url.html">jsonp-url</a></li>
<li><a href="../modules/lazy-model-list.html">lazy-model-list</a></li>
<li><a href="../modules/loader.html">loader</a></li>
<li><a href="../modules/loader-base.html">loader-base</a></li>
<li><a href="../modules/loader-yui3.html">loader-yui3</a></li>
<li><a href="../modules/matrix.html">matrix</a></li>
<li><a href="../modules/model.html">model</a></li>
<li><a href="../modules/model-list.html">model-list</a></li>
<li><a href="../modules/model-sync-rest.html">model-sync-rest</a></li>
<li><a href="../modules/node.html">node</a></li>
<li><a href="../modules/node-base.html">node-base</a></li>
<li><a href="../modules/node-core.html">node-core</a></li>
<li><a href="../modules/node-data.html">node-data</a></li>
<li><a href="../modules/node-event-delegate.html">node-event-delegate</a></li>
<li><a href="../modules/node-event-html5.html">node-event-html5</a></li>
<li><a href="../modules/node-event-simulate.html">node-event-simulate</a></li>
<li><a href="../modules/node-flick.html">node-flick</a></li>
<li><a href="../modules/node-focusmanager.html">node-focusmanager</a></li>
<li><a href="../modules/node-load.html">node-load</a></li>
<li><a href="../modules/node-menunav.html">node-menunav</a></li>
<li><a href="../modules/node-pluginhost.html">node-pluginhost</a></li>
<li><a href="../modules/node-screen.html">node-screen</a></li>
<li><a href="../modules/node-scroll-info.html">node-scroll-info</a></li>
<li><a href="../modules/node-style.html">node-style</a></li>
<li><a href="../modules/oop.html">oop</a></li>
<li><a href="../modules/overlay.html">overlay</a></li>
<li><a href="../modules/panel.html">panel</a></li>
<li><a href="../modules/parallel.html">parallel</a></li>
<li><a href="../modules/pjax.html">pjax</a></li>
<li><a href="../modules/pjax-base.html">pjax-base</a></li>
<li><a href="../modules/pjax-content.html">pjax-content</a></li>
<li><a href="../modules/pjax-plugin.html">pjax-plugin</a></li>
<li><a href="../modules/plugin.html">plugin</a></li>
<li><a href="../modules/pluginhost.html">pluginhost</a></li>
<li><a href="../modules/pluginhost-base.html">pluginhost-base</a></li>
<li><a href="../modules/pluginhost-config.html">pluginhost-config</a></li>
<li><a href="../modules/promise.html">promise</a></li>
<li><a href="../modules/querystring.html">querystring</a></li>
<li><a href="../modules/querystring-parse.html">querystring-parse</a></li>
<li><a href="../modules/querystring-parse-simple.html">querystring-parse-simple</a></li>
<li><a href="../modules/querystring-stringify.html">querystring-stringify</a></li>
<li><a href="../modules/querystring-stringify-simple.html">querystring-stringify-simple</a></li>
<li><a href="../modules/queue-promote.html">queue-promote</a></li>
<li><a href="../modules/range-slider.html">range-slider</a></li>
<li><a href="../modules/recordset.html">recordset</a></li>
<li><a href="../modules/recordset-base.html">recordset-base</a></li>
<li><a href="../modules/recordset-filter.html">recordset-filter</a></li>
<li><a href="../modules/recordset-indexer.html">recordset-indexer</a></li>
<li><a href="../modules/recordset-sort.html">recordset-sort</a></li>
<li><a href="../modules/resize.html">resize</a></li>
<li><a href="../modules/resize-contrain.html">resize-contrain</a></li>
<li><a href="../modules/resize-plugin.html">resize-plugin</a></li>
<li><a href="../modules/resize-proxy.html">resize-proxy</a></li>
<li><a href="../modules/rollup.html">rollup</a></li>
<li><a href="../modules/router.html">router</a></li>
<li><a href="../modules/scrollview.html">scrollview</a></li>
<li><a href="../modules/scrollview-base.html">scrollview-base</a></li>
<li><a href="../modules/scrollview-base-ie.html">scrollview-base-ie</a></li>
<li><a href="../modules/scrollview-list.html">scrollview-list</a></li>
<li><a href="../modules/scrollview-paginator.html">scrollview-paginator</a></li>
<li><a href="../modules/scrollview-scrollbars.html">scrollview-scrollbars</a></li>
<li><a href="../modules/selection.html">selection</a></li>
<li><a href="../modules/selector-css2.html">selector-css2</a></li>
<li><a href="../modules/selector-css3.html">selector-css3</a></li>
<li><a href="../modules/selector-native.html">selector-native</a></li>
<li><a href="../modules/series-area.html">series-area</a></li>
<li><a href="../modules/series-area-stacked.html">series-area-stacked</a></li>
<li><a href="../modules/series-areaspline.html">series-areaspline</a></li>
<li><a href="../modules/series-areaspline-stacked.html">series-areaspline-stacked</a></li>
<li><a href="../modules/series-bar.html">series-bar</a></li>
<li><a href="../modules/series-bar-stacked.html">series-bar-stacked</a></li>
<li><a href="../modules/series-base.html">series-base</a></li>
<li><a href="../modules/series-candlestick.html">series-candlestick</a></li>
<li><a href="../modules/series-cartesian.html">series-cartesian</a></li>
<li><a href="../modules/series-column.html">series-column</a></li>
<li><a href="../modules/series-column-stacked.html">series-column-stacked</a></li>
<li><a href="../modules/series-combo.html">series-combo</a></li>
<li><a href="../modules/series-combo-stacked.html">series-combo-stacked</a></li>
<li><a href="../modules/series-combospline.html">series-combospline</a></li>
<li><a href="../modules/series-combospline-stacked.html">series-combospline-stacked</a></li>
<li><a href="../modules/series-curve-util.html">series-curve-util</a></li>
<li><a href="../modules/series-fill-util.html">series-fill-util</a></li>
<li><a href="../modules/series-histogram.html">series-histogram</a></li>
<li><a href="../modules/series-line.html">series-line</a></li>
<li><a href="../modules/series-line-stacked.html">series-line-stacked</a></li>
<li><a href="../modules/series-line-util.html">series-line-util</a></li>
<li><a href="../modules/series-marker.html">series-marker</a></li>
<li><a href="../modules/series-marker-stacked.html">series-marker-stacked</a></li>
<li><a href="../modules/series-ohlc.html">series-ohlc</a></li>
<li><a href="../modules/series-pie.html">series-pie</a></li>
<li><a href="../modules/series-plot-util.html">series-plot-util</a></li>
<li><a href="../modules/series-range.html">series-range</a></li>
<li><a href="../modules/series-spline.html">series-spline</a></li>
<li><a href="../modules/series-spline-stacked.html">series-spline-stacked</a></li>
<li><a href="../modules/series-stacked.html">series-stacked</a></li>
<li><a href="../modules/shim-plugin.html">shim-plugin</a></li>
<li><a href="../modules/slider.html">slider</a></li>
<li><a href="../modules/slider-base.html">slider-base</a></li>
<li><a href="../modules/slider-value-range.html">slider-value-range</a></li>
<li><a href="../modules/sortable.html">sortable</a></li>
<li><a href="../modules/sortable-scroll.html">sortable-scroll</a></li>
<li><a href="../modules/stylesheet.html">stylesheet</a></li>
<li><a href="../modules/substitute.html">substitute</a></li>
<li><a href="../modules/swf.html">swf</a></li>
<li><a href="../modules/swfdetect.html">swfdetect</a></li>
<li><a href="../modules/tabview.html">tabview</a></li>
<li><a href="../modules/template.html">template</a></li>
<li><a href="../modules/template-base.html">template-base</a></li>
<li><a href="../modules/template-micro.html">template-micro</a></li>
<li><a href="../modules/test.html">test</a></li>
<li><a href="../modules/test-console.html">test-console</a></li>
<li><a href="../modules/text.html">text</a></li>
<li><a href="../modules/text-accentfold.html">text-accentfold</a></li>
<li><a href="../modules/text-wordbreak.html">text-wordbreak</a></li>
<li><a href="../modules/timers.html">timers</a></li>
<li><a href="../modules/transition.html">transition</a></li>
<li><a href="../modules/transition-timer.html">transition-timer</a></li>
<li><a href="../modules/tree.html">tree</a></li>
<li><a href="../modules/tree-labelable.html">tree-labelable</a></li>
<li><a href="../modules/tree-lazy.html">tree-lazy</a></li>
<li><a href="../modules/tree-node.html">tree-node</a></li>
<li><a href="../modules/tree-openable.html">tree-openable</a></li>
<li><a href="../modules/tree-selectable.html">tree-selectable</a></li>
<li><a href="../modules/tree-sortable.html">tree-sortable</a></li>
<li><a href="../modules/uploader.html">uploader</a></li>
<li><a href="../modules/uploader-flash.html">uploader-flash</a></li>
<li><a href="../modules/uploader-html5.html">uploader-html5</a></li>
<li><a href="../modules/uploader-queue.html">uploader-queue</a></li>
<li><a href="../modules/view.html">view</a></li>
<li><a href="../modules/view-node-map.html">view-node-map</a></li>
<li><a href="../modules/widget.html">widget</a></li>
<li><a href="../modules/widget-anim.html">widget-anim</a></li>
<li><a href="../modules/widget-autohide.html">widget-autohide</a></li>
<li><a href="../modules/widget-base.html">widget-base</a></li>
<li><a href="../modules/widget-base-ie.html">widget-base-ie</a></li>
<li><a href="../modules/widget-buttons.html">widget-buttons</a></li>
<li><a href="../modules/widget-child.html">widget-child</a></li>
<li><a href="../modules/widget-htmlparser.html">widget-htmlparser</a></li>
<li><a href="../modules/widget-locale.html">widget-locale</a></li>
<li><a href="../modules/widget-modality.html">widget-modality</a></li>
<li><a href="../modules/widget-parent.html">widget-parent</a></li>
<li><a href="../modules/widget-position.html">widget-position</a></li>
<li><a href="../modules/widget-position-align.html">widget-position-align</a></li>
<li><a href="../modules/widget-position-constrain.html">widget-position-constrain</a></li>
<li><a href="../modules/widget-skin.html">widget-skin</a></li>
<li><a href="../modules/widget-stack.html">widget-stack</a></li>
<li><a href="../modules/widget-stdmod.html">widget-stdmod</a></li>
<li><a href="../modules/widget-uievents.html">widget-uievents</a></li>
<li><a href="../modules/yql.html">yql</a></li>
<li><a href="../modules/yql-jsonp.html">yql-jsonp</a></li>
<li><a href="../modules/yql-nodejs.html">yql-nodejs</a></li>
<li><a href="../modules/yql-winjs.html">yql-winjs</a></li>
<li><a href="../modules/yui.html">yui</a></li>
<li><a href="../modules/yui-base.html">yui-base</a></li>
<li><a href="../modules/yui-later.html">yui-later</a></li>
<li><a href="../modules/yui-log.html">yui-log</a></li>
<li><a href="../modules/yui-throttle.html">yui-throttle</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="yui3-u-3-4">
<div id="api-options">
Show:
<label for="api-show-inherited">
<input type="checkbox" id="api-show-inherited" checked>
Inherited
</label>
<label for="api-show-protected">
<input type="checkbox" id="api-show-protected">
Protected
</label>
<label for="api-show-private">
<input type="checkbox" id="api-show-private">
Private
</label>
<label for="api-show-deprecated">
<input type="checkbox" id="api-show-deprecated">
Deprecated
</label>
</div>
<div class="apidocs">
<div id="docs-main">
<div class="content">
<h1>CartesianChart Class</h1>
<div class="box meta">
<div class="extends">
Extends <a href="../classes/ChartBase.html" class="crosslink">ChartBase</a>
</div>
<div class="foundat">
Defined in: <a href="../files/charts_js_CartesianChart.js.html#l1"><code>charts/js/CartesianChart.js:1</code></a>
</div>
Module: <a href="../modules/charts-base.html">charts-base</a><br>
Parent Module: <a href="../modules/charts.html">charts</a>
</div>
<div class="box intro">
<p>The CartesianChart class creates a chart with horizontal and vertical axes.</p>
</div>
<div class="constructor">
<h2>Constructor</h2>
<div id="method_CartesianChart" class="method item">
<h3 class="name"><code>CartesianChart</code></h3>
<span class="paren">()</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l1"><code>charts/js/CartesianChart.js:1</code></a>
</p>
</div>
<div class="description">
</div>
</div>
</div>
<div id="classdocs" class="tabview">
<ul class="api-class-tabs">
<li class="api-class-tab index"><a href="#index">Index</a></li>
<li class="api-class-tab methods"><a href="#methods">Methods</a></li>
<li class="api-class-tab properties"><a href="#properties">Properties</a></li>
<li class="api-class-tab attrs"><a href="#attrs">Attributes</a></li>
<li class="api-class-tab events"><a href="#events">Events</a></li>
</ul>
<div>
<div id="index" class="api-class-tabpanel index">
<h2 class="off-left">Item Index</h2>
<div class="index-section methods">
<h3>Methods</h3>
<ul class="index-list methods extends">
<li class="index-item method private">
<a href="#method__addAxes">_addAxes</a>
</li>
<li class="index-item method private">
<a href="#method__addGridlines">_addGridlines</a>
</li>
<li class="index-item method private">
<a href="#method__addSeries">_addSeries</a>
</li>
<li class="index-item method">
<a href="#method__addToAxesCollection">_addToAxesCollection</a>
</li>
<li class="index-item method private">
<a href="#method__addToAxesRenderQueue">_addToAxesRenderQueue</a>
</li>
<li class="index-item method private inherited">
<a href="#method__addTooltip">_addTooltip</a>
</li>
<li class="index-item method private inherited">
<a href="#method__buildSeriesKeys">_buildSeriesKeys</a>
</li>
<li class="index-item method private inherited">
<a href="#method__dataProviderChangeHandler">_dataProviderChangeHandler</a>
</li>
<li class="index-item method inherited">
<a href="#method__getAllKeys">_getAllKeys</a>
</li>
<li class="index-item method">
<a href="#method__getAriaMessage">_getAriaMessage</a>
</li>
<li class="index-item method private inherited">
<a href="#method__getAxisClass">_getAxisClass</a>
</li>
<li class="index-item method private">
<a href="#method__getBaseAttribute">_getBaseAttribute</a>
</li>
<li class="index-item method private">
<a href="#method__getBottomOverflow">_getBottomOverflow</a>
</li>
<li class="index-item method private">
<a href="#method__getCategoryAxis">_getCategoryAxis</a>
</li>
<li class="index-item method private">
<a href="#method__getDefaultAxes">_getDefaultAxes</a>
</li>
<li class="index-item method private">
<a href="#method__getDefaultAxisPosition">_getDefaultAxisPosition</a>
</li>
<li class="index-item method private">
<a href="#method__getDefaultSeriesCollection">_getDefaultSeriesCollection</a>
</li>
<li class="index-item method private inherited">
<a href="#method__getGraph">_getGraph</a>
</li>
<li class="index-item method private">
<a href="#method__getLeftOverflow">_getLeftOverflow</a>
</li>
<li class="index-item method private">
<a href="#method__getRightOverflow">_getRightOverflow</a>
</li>
<li class="index-item method private">
<a href="#method__getSeriesAxis">_getSeriesAxis</a>
</li>
<li class="index-item method private inherited">
<a href="#method__getTooltip">_getTooltip</a>
</li>
<li class="index-item method private">
<a href="#method__getTopOverflow">_getTopOverflow</a>
</li>
<li class="index-item method private inherited">
<a href="#method__groupMarkersChangeHandler">_groupMarkersChangeHandler</a>
</li>
<li class="index-item method private inherited">
<a href="#method__itemRendered">_itemRendered</a>
</li>
<li class="index-item method private inherited">
<a href="#method__markerEventDispatcher">_markerEventDispatcher</a>
</li>
<li class="index-item method private">
<a href="#method__parseAxes">_parseAxes</a>
</li>
<li class="index-item method private">
<a href="#method__parseSeriesAxes">_parseSeriesAxes</a>
</li>
<li class="index-item method private">
<a href="#method__parseSeriesCollection">_parseSeriesCollection</a>
</li>
<li class="index-item method private">
<a href="#method__planarEventDispatcher">_planarEventDispatcher</a>
</li>
<li class="index-item method private inherited">
<a href="#method__planarLabelFunction">_planarLabelFunction</a>
</li>
<li class="index-item method private inherited">
<a href="#method__positionTooltip">_positionTooltip</a>
</li>
<li class="index-item method private">
<a href="#method__redraw">_redraw</a>
</li>
<li class="index-item method private inherited">
<a href="#method__setAriaElements">_setAriaElements</a>
</li>
<li class="index-item method private">
<a href="#method__setAxes">_setAxes</a>
</li>
<li class="index-item method private">
<a href="#method__setBaseAttribute">_setBaseAttribute</a>
</li>
<li class="index-item method private inherited">
<a href="#method__setDataValues">_setDataValues</a>
</li>
<li class="index-item method private inherited">
<a href="#method__setOffscreen">_setOffscreen</a>
</li>
<li class="index-item method private inherited">
<a href="#method__setText">_setText</a>
</li>
<li class="index-item method private inherited">
<a href="#method__showTooltip">_showTooltip</a>
</li>
<li class="index-item method private">
<a href="#method__sizeChanged">_sizeChanged</a>
</li>
<li class="index-item method private inherited">
<a href="#method__tooltipChangeHandler">_tooltipChangeHandler</a>
</li>
<li class="index-item method private inherited">
<a href="#method__tooltipLabelFunction">_tooltipLabelFunction</a>
</li>
<li class="index-item method private inherited">
<a href="#method__updateTooltip">_updateTooltip</a>
</li>
<li class="index-item method private inherited">
<a href="#method_bindUI">bindUI</a>
</li>
<li class="index-item method protected">
<a href="#method_destructor">destructor</a>
</li>
<li class="index-item method inherited">
<a href="#method_getAxisByKey">getAxisByKey</a>
</li>
<li class="index-item method inherited">
<a href="#method_getCategoryAxis">getCategoryAxis</a>
</li>
<li class="index-item method inherited">
<a href="#method_getSeries">getSeries</a>
</li>
<li class="index-item method">
<a href="#method_getSeriesItems">getSeriesItems</a>
</li>
<li class="index-item method inherited">
<a href="#method_hideTooltip">hideTooltip</a>
</li>
<li class="index-item method private inherited">
<a href="#method_initializer">initializer</a>
</li>
<li class="index-item method private inherited">
<a href="#method_renderUI">renderUI</a>
</li>
<li class="index-item method private inherited">
<a href="#method_syncUI">syncUI</a>
</li>
<li class="index-item method inherited">
<a href="#method_toggleTooltip">toggleTooltip</a>
</li>
</ul>
</div>
<div class="index-section properties">
<h3>Properties</h3>
<ul class="index-list properties extends">
<li class="index-item property private inherited">
<a href="#property__axes">_axes</a>
</li>
<li class="index-item property private inherited">
<a href="#property__axisClass">_axisClass</a>
</li>
<li class="index-item property private inherited">
<a href="#property__dataProvider">_dataProvider</a>
</li>
<li class="index-item property private inherited">
<a href="#property__direction">_direction</a>
</li>
<li class="index-item property private">
<a href="#property__itemRenderQueue">_itemRenderQueue</a>
</li>
<li class="index-item property private inherited">
<a href="#property__seriesCollection">_seriesCollection</a>
</li>
<li class="index-item property private inherited">
<a href="#property__setSeriesCollection">_setSeriesCollection</a>
</li>
<li class="index-item property private">
<a href="#property__type">_type</a>
</li>
</ul>
</div>
<div class="index-section attrs">
<h3>Attributes</h3>
<ul class="index-list attrs extends">
<li class="index-item attr">
<a href="#attr_allowContentOverflow">allowContentOverflow</a>
</li>
<li class="index-item attr inherited">
<a href="#attr_ariaDescription">ariaDescription</a>
</li>
<li class="index-item attr inherited">
<a href="#attr_ariaLabel">ariaLabel</a>
</li>
<li class="index-item attr">
<a href="#attr_axes">axes</a>
</li>
<li class="index-item attr inherited">
<a href="#attr_axesCollection">axesCollection</a>
</li>
<li class="index-item attr private">
<a href="#attr_axesStyles">axesStyles</a>
</li>
<li class="index-item attr private">
<a href="#attr_bottomAxesCollection">bottomAxesCollection</a>
</li>
<li class="index-item attr">
<a href="#attr_categoryAxis">categoryAxis</a>
</li>
<li class="index-item attr">
<a href="#attr_categoryAxisName">categoryAxisName</a>
</li>
<li class="index-item attr inherited">
<a href="#attr_categoryKey">categoryKey</a>
</li>
<li class="index-item attr inherited">
<a href="#attr_categoryType">categoryType</a>
</li>
<li class="index-item attr inherited">
<a href="#attr_dataProvider">dataProvider</a>
</li>
<li class="index-item attr">
<a href="#attr_direction">direction</a>
</li>
<li class="index-item attr inherited">
<a href="#attr_graph">graph</a>
</li>
<li class="index-item attr private">
<a href="#attr_graphStyles">graphStyles</a>
</li>
<li class="index-item attr inherited">
<a href="#attr_groupMarkers">groupMarkers</a>
</li>
<li class="index-item attr">
<a href="#attr_horizontalGridlines">horizontalGridlines</a>
</li>
<li class="index-item attr inherited">
<a href="#attr_interactionType">interactionType</a>
</li>
<li class="index-item attr private">
<a href="#attr_leftAxesCollection">leftAxesCollection</a>
</li>
<li class="index-item attr private">
<a href="#attr_rightAxesCollection">rightAxesCollection</a>
</li>
<li class="index-item attr">
<a href="#attr_seriesCollection">seriesCollection</a>
</li>
<li class="index-item attr inherited">
<a href="#attr_seriesKeys">seriesKeys</a>
</li>
<li class="index-item attr private">
<a href="#attr_seriesStyles">seriesStyles</a>
</li>
<li class="index-item attr">
<a href="#attr_showAreaFill">showAreaFill</a>
</li>
<li class="index-item attr">
<a href="#attr_showLines">showLines</a>
</li>
<li class="index-item attr">
<a href="#attr_showMarkers">showMarkers</a>
</li>
<li class="index-item attr">
<a href="#attr_stacked">stacked</a>
</li>
<li class="index-item attr">
<a href="#attr_styles">styles</a>
</li>
<li class="index-item attr inherited">
<a href="#attr_tooltip">tooltip</a>
</li>
<li class="index-item attr private">
<a href="#attr_topAxesCollection">topAxesCollection</a>
</li>
<li class="index-item attr">
<a href="#attr_type">type</a>
</li>
<li class="index-item attr">
<a href="#attr_valueAxisName">valueAxisName</a>
</li>
<li class="index-item attr">
<a href="#attr_verticalGridlines">verticalGridlines</a>
</li>
</ul>
</div>
<div class="index-section events">
<h3>Events</h3>
<ul class="index-list events extends">
<li class="index-item event inherited">
<a href="#event_markerEvent:click">markerEvent:click</a>
</li>
<li class="index-item event inherited">
<a href="#event_markerEvent:mousedown">markerEvent:mousedown</a>
</li>
<li class="index-item event inherited">
<a href="#event_markerEvent:mouseout">markerEvent:mouseout</a>
</li>
<li class="index-item event inherited">
<a href="#event_markerEvent:mouseover">markerEvent:mouseover</a>
</li>
<li class="index-item event inherited">
<a href="#event_markerEvent:mouseup">markerEvent:mouseup</a>
</li>
<li class="index-item event">
<a href="#event_planarEvent:mouseout">planarEvent:mouseout</a>
</li>
<li class="index-item event">
<a href="#event_planarEvent:mouseover">planarEvent:mouseover</a>
</li>
</ul>
</div>
</div>
<div id="methods" class="api-class-tabpanel">
<h2 class="off-left">Methods</h2>
<div id="method__addAxes" class="method item private">
<h3 class="name"><code>_addAxes</code></h3>
<span class="paren">()</span>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l687"><code>charts/js/CartesianChart.js:687</code></a>
</p>
</div>
<div class="description">
<p>Adds axes to the chart.</p>
</div>
</div>
<div id="method__addGridlines" class="method item private">
<h3 class="name"><code>_addGridlines</code></h3>
<span class="paren">()</span>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l757"><code>charts/js/CartesianChart.js:757</code></a>
</p>
</div>
<div class="description">
<p>Adds gridlines to the chart.</p>
</div>
</div>
<div id="method__addSeries" class="method item private">
<h3 class="name"><code>_addSeries</code></h3>
<span class="paren">()</span>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l744"><code>charts/js/CartesianChart.js:744</code></a>
</p>
</div>
<div class="description">
<p>Renders the Graph.</p>
</div>
</div>
<div id="method__addToAxesCollection" class="method item">
<h3 class="name"><code>_addToAxesCollection</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>position</code>
</li>
<li class="arg">
<code>axis</code>
</li>
</ul><span class="paren">)</span>
</div>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l234"><code>charts/js/CartesianChart.js:234</code></a>
</p>
</div>
<div class="description">
<p>Adds axis instance to the appropriate array based on position</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">position</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">
<p>The position of the axis</p>
</div>
</li>
<li class="param">
<code class="param-name">axis</code>
<span class="type"><a href="../classes/Axis.html" class="crosslink">Axis</a></span>
<div class="param-description">
<p>The <code>Axis</code> instance</p>
</div>
</li>
</ul>
</div>
</div>
<div id="method__addToAxesRenderQueue" class="method item private">
<h3 class="name"><code>_addToAxesRenderQueue</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>axis</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l215"><code>charts/js/CartesianChart.js:215</code></a>
</p>
</div>
<div class="description">
<p>Adds an <code>Axis</code> instance to the <code>_itemRenderQueue</code>.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">axis</code>
<span class="type"><a href="../classes/Axis.html" class="crosslink">Axis</a></span>
<div class="param-description">
<p>An <code>Axis</code> instance.</p>
</div>
</li>
</ul>
</div>
</div>
<div id="method__addTooltip" class="method item private inherited">
<h3 class="name"><code>_addTooltip</code></h3>
<span class="paren">()</span>
<span class="flag private">private</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#method__addTooltip">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l955"><code>charts/js/ChartBase.js:955</code></a>
</p>
</div>
<div class="description">
<p>Adds a tooltip to the dom.</p>
</div>
</div>
<div id="method__buildSeriesKeys" class="method item private inherited">
<h3 class="name"><code>_buildSeriesKeys</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>dataProvider</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="returns-inline">
<span class="type"></span>
</span>
<span class="flag private">private</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#method__buildSeriesKeys">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l1275"><code>charts/js/ChartBase.js:1275</code></a>
</p>
</div>
<div class="description">
<p>Constructs seriesKeys if not explicitly specified.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">dataProvider</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
<div class="param-description">
<p>The dataProvider for the chart.</p>
</div>
</li>
</ul>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
Array
</div>
</div>
</div>
<div id="method__dataProviderChangeHandler" class="method item private inherited">
<h3 class="name"><code>_dataProviderChangeHandler</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>e</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="flag private">private</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#method__dataProviderChangeHandler">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l834"><code>charts/js/ChartBase.js:834</code></a>
</p>
</div>
<div class="description">
<p>Event handler for dataProviderChange.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
<div class="param-description">
<p>Event object.</p>
</div>
</li>
</ul>
</div>
</div>
<div id="method__getAllKeys" class="method item inherited">
<h3 class="name"><code>_getAllKeys</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>dp</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="returns-inline">
<span class="type"></span>
</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#method__getAllKeys">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l1247"><code>charts/js/ChartBase.js:1247</code></a>
</p>
</div>
<div class="description">
<p>Returns all the keys contained in a <code>dataProvider</code>.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">dp</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
<div class="param-description">
<p>Collection of objects to be parsed.</p>
</div>
</li>
</ul>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
Object
</div>
</div>
</div>
<div id="method__getAriaMessage" class="method item">
<h3 class="name"><code>_getAriaMessage</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>key</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="returns-inline">
<span class="type"></span>
</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l1646"><code>charts/js/CartesianChart.js:1646</code></a>
</p>
</div>
<div class="description">
<p>Returns the appropriate message based on the key press.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">key</code>
<span class="type"><a href="../classes/Number.html" class="crosslink">Number</a></span>
<div class="param-description">
<p>The keycode that was pressed.</p>
</div>
</li>
</ul>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
String
</div>
</div>
</div>
<div id="method__getAxisClass" class="method item private inherited">
<h3 class="name"><code>_getAxisClass</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>t</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="returns-inline">
<span class="type"></span>
</span>
<span class="flag private">private</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#method__getAxisClass">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l448"><code>charts/js/ChartBase.js:448</code></a>
</p>
</div>
<div class="description">
<p>Helper method that returns the axis class that a key references.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">t</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">
<p>The type of axis.</p>
</div>
</li>
</ul>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
Axis
</div>
</div>
</div>
<div id="method__getBaseAttribute" class="method item private">
<h3 class="name"><code>_getBaseAttribute</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>item</code>
</li>
<li class="arg">
<code>key</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="returns-inline">
<span class="type"></span>
</span>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l518"><code>charts/js/CartesianChart.js:518</code></a>
</p>
</div>
<div class="description">
<p>Gets an attribute from an object, using a getter for Base objects and a property for object
literals. Used for determining attributes from series/axis references which can be an actual class instance
or a hash of properties that will be used to create a class instance.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">item</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
<div class="param-description">
<p>Object or instance in which the attribute resides.</p>
</div>
</li>
<li class="param">
<code class="param-name">key</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">
<p>Attribute whose value will be returned.</p>
</div>
</li>
</ul>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
Object
</div>
</div>
</div>
<div id="method__getBottomOverflow" class="method item private">
<h3 class="name"><code>_getBottomOverflow</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>set1</code>
</li>
<li class="arg">
<code>set2</code>
</li>
<li class="arg">
<code>height</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="returns-inline">
<span class="type"></span>
</span>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l1281"><code>charts/js/CartesianChart.js:1281</code></a>
</p>
</div>
<div class="description">
<p>Returns the maximum distance in pixels that the extends outside the bottom bounds of all vertical axes.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">set1</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
<div class="param-description">
<p>Collection of axes to check.</p>
</div>
</li>
<li class="param">
<code class="param-name">set2</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
<div class="param-description">
<p>Seconf collection of axes to check.</p>
</div>
</li>
<li class="param">
<code class="param-name">height</code>
<span class="type"><a href="../classes/Number.html" class="crosslink">Number</a></span>
<div class="param-description">
<p>Height of the axes</p>
</div>
</li>
</ul>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
Number
</div>
</div>
</div>
<div id="method__getCategoryAxis" class="method item private">
<h3 class="name"><code>_getCategoryAxis</code></h3>
<span class="paren">()</span>
<span class="returns-inline">
<span class="type"></span>
</span>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l463"><code>charts/js/CartesianChart.js:463</code></a>
</p>
</div>
<div class="description">
<p>Returns the category axis instance for the chart.</p>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
Axis
</div>
</div>
</div>
<div id="method__getDefaultAxes" class="method item private">
<h3 class="name"><code>_getDefaultAxes</code></h3>
<span class="paren">()</span>
<span class="returns-inline">
<span class="type"></span>
</span>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l830"><code>charts/js/CartesianChart.js:830</code></a>
</p>
</div>
<div class="description">
<p>Default Function for the axes attribute.</p>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
Object
</div>
</div>
</div>
<div id="method__getDefaultAxisPosition" class="method item private">
<h3 class="name"><code>_getDefaultAxisPosition</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>axis</code>
</li>
<li class="arg">
<code>valueAxes</code>
</li>
<li class="arg">
<code>position</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="returns-inline">
<span class="type"></span>
</span>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l1017"><code>charts/js/CartesianChart.js:1017</code></a>
</p>
</div>
<div class="description">
<p>Determines the position of an axis when one is not specified.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">axis</code>
<span class="type"><a href="../classes/Axis.html" class="crosslink">Axis</a></span>
<div class="param-description">
<p><code>Axis</code> instance.</p>
</div>
</li>
<li class="param">
<code class="param-name">valueAxes</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
<div class="param-description">
<p>Array of <code>Axis</code> instances.</p>
</div>
</li>
<li class="param">
<code class="param-name">position</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">
<p>Default position depending on the direction of the chart and type of axis.</p>
</div>
</li>
</ul>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
String
</div>
</div>
</div>
<div id="method__getDefaultSeriesCollection" class="method item private">
<h3 class="name"><code>_getDefaultSeriesCollection</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>val</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="returns-inline">
<span class="type"></span>
</span>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l252"><code>charts/js/CartesianChart.js:252</code></a>
</p>
</div>
<div class="description">
<p>Returns the default value for the <code>seriesCollection</code> attribute.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">val</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
<div class="param-description">
<p>Array containing either <code>CartesianSeries</code> instances or objects containing data to construct series instances.</p>
</div>
</li>
</ul>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
Array
</div>
</div>
</div>
<div id="method__getGraph" class="method item private inherited">
<h3 class="name"><code>_getGraph</code></h3>
<span class="paren">()</span>
<span class="returns-inline">
<span class="type"></span>
</span>
<span class="flag private">private</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#method__getGraph">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l293"><code>charts/js/ChartBase.js:293</code></a>
</p>
</div>
<div class="description">
<p>Default value function for the <code>Graph</code> attribute.</p>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
Graph
</div>
</div>
</div>
<div id="method__getLeftOverflow" class="method item private">
<h3 class="name"><code>_getLeftOverflow</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>set1</code>
</li>
<li class="arg">
<code>set2</code>
</li>
<li class="arg">
<code>width</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="returns-inline">
<span class="type"></span>
</span>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l1237"><code>charts/js/CartesianChart.js:1237</code></a>
</p>
</div>
<div class="description">
<p>Returns the maximum distance in pixels that the extends outside the left bounds of all horizontal axes.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">set1</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
<div class="param-description">
<p>Collection of axes to check.</p>
</div>
</li>
<li class="param">
<code class="param-name">set2</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
<div class="param-description">
<p>Seconf collection of axes to check.</p>
</div>
</li>
<li class="param">
<code class="param-name">width</code>
<span class="type"><a href="../classes/Number.html" class="crosslink">Number</a></span>
<div class="param-description">
<p>Width of the axes</p>
</div>
</li>
</ul>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
Number
</div>
</div>
</div>
<div id="method__getRightOverflow" class="method item private">
<h3 class="name"><code>_getRightOverflow</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>set1</code>
</li>
<li class="arg">
<code>set2</code>
</li>
<li class="arg">
<code>width</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="returns-inline">
<span class="type"></span>
</span>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l1193"><code>charts/js/CartesianChart.js:1193</code></a>
</p>
</div>
<div class="description">
<p>Returns the maximum distance in pixels that the extends outside the right bounds of all horizontal axes.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">set1</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
<div class="param-description">
<p>Collection of axes to check.</p>
</div>
</li>
<li class="param">
<code class="param-name">set2</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
<div class="param-description">
<p>Seconf collection of axes to check.</p>
</div>
</li>
<li class="param">
<code class="param-name">width</code>
<span class="type"><a href="../classes/Number.html" class="crosslink">Number</a></span>
<div class="param-description">
<p>Width of the axes</p>
</div>
</li>
</ul>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
Number
</div>
</div>
</div>
<div id="method__getSeriesAxis" class="method item private">
<h3 class="name"><code>_getSeriesAxis</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>key</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="returns-inline">
<span class="type"></span>
</span>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l479"><code>charts/js/CartesianChart.js:479</code></a>
</p>
</div>
<div class="description">
<p>Returns the value axis for a series.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">key</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">
<p>The key value used to determine the axis instance.</p>
</div>
</li>
</ul>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
Axis
</div>
</div>
</div>
<div id="method__getTooltip" class="method item private inherited">
<h3 class="name"><code>_getTooltip</code></h3>
<span class="paren">()</span>
<span class="returns-inline">
<span class="type"></span>
</span>
<span class="flag private">private</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#method__getTooltip">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l1026"><code>charts/js/ChartBase.js:1026</code></a>
</p>
</div>
<div class="description">
<p>Default getter for <code>tooltip</code> attribute.</p>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
Object
</div>
</div>
</div>
<div id="method__getTopOverflow" class="method item private">
<h3 class="name"><code>_getTopOverflow</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>set1</code>
</li>
<li class="arg">
<code>set2</code>
</li>
<li class="arg">
<code>width</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="returns-inline">
<span class="type"></span>
</span>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l1149"><code>charts/js/CartesianChart.js:1149</code></a>
</p>
</div>
<div class="description">
<p>Returns the maximum distance in pixels that the extends outside the top bounds of all vertical axes.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">set1</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
<div class="param-description">
<p>Collection of axes to check.</p>
</div>
</li>
<li class="param">
<code class="param-name">set2</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
<div class="param-description">
<p>Seconf collection of axes to check.</p>
</div>
</li>
<li class="param">
<code class="param-name">width</code>
<span class="type"><a href="../classes/Number.html" class="crosslink">Number</a></span>
<div class="param-description">
<p>Width of the axes</p>
</div>
</li>
</ul>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
Number
</div>
</div>
</div>
<div id="method__groupMarkersChangeHandler" class="method item private inherited">
<h3 class="name"><code>_groupMarkersChangeHandler</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>e</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="flag private">private</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#method__groupMarkersChangeHandler">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l260"><code>charts/js/ChartBase.js:260</code></a>
</p>
</div>
<div class="description">
<p>Handles groupMarkers change event.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
<div class="param-description">
<p>Event object.</p>
</div>
</li>
</ul>
</div>
</div>
<div id="method__itemRendered" class="method item private inherited">
<h3 class="name"><code>_itemRendered</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>e</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="flag private">private</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#method__itemRendered">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l277"><code>charts/js/ChartBase.js:277</code></a>
</p>
</div>
<div class="description">
<p>Handler for itemRendered event.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
<div class="param-description">
<p>Event object.</p>
</div>
</li>
</ul>
</div>
</div>
<div id="method__markerEventDispatcher" class="method item private inherited">
<h3 class="name"><code>_markerEventDispatcher</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>e</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="flag private">private</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#method__markerEventDispatcher">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l693"><code>charts/js/ChartBase.js:693</code></a>
</p>
</div>
<div class="description">
<p>Event handler for marker events.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
<div class="param-description">
<p>Event object.</p>
</div>
</li>
</ul>
</div>
</div>
<div id="method__parseAxes" class="method item private">
<h3 class="name"><code>_parseAxes</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>axes</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="returns-inline">
<span class="type"></span>
</span>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l847"><code>charts/js/CartesianChart.js:847</code></a>
</p>
</div>
<div class="description">
<p>Generates and returns a key-indexed object containing <code>Axis</code> instances or objects used to create <code>Axis</code> instances.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">axes</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
<div class="param-description">
<p>Object containing <code>Axis</code> instances or <code>Axis</code> attributes.</p>
</div>
</li>
</ul>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
Object
</div>
</div>
</div>
<div id="method__parseSeriesAxes" class="method item private">
<h3 class="name"><code>_parseSeriesAxes</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>series</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l430"><code>charts/js/CartesianChart.js:430</code></a>
</p>
</div>
<div class="description">
<p>Parse and sets the axes for a series instance.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">series</code>
<span class="type"><a href="../classes/CartesianSeries.html" class="crosslink">CartesianSeries</a></span>
<div class="param-description">
<p>A <code>CartesianSeries</code> instance.</p>
</div>
</li>
</ul>
</div>
</div>
<div id="method__parseSeriesCollection" class="method item private">
<h3 class="name"><code>_parseSeriesCollection</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>val</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="returns-inline">
<span class="type"></span>
</span>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l271"><code>charts/js/CartesianChart.js:271</code></a>
</p>
</div>
<div class="description">
<p>Parses and returns a series collection from an object and default properties.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">val</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
<div class="param-description">
<p>Object contain properties for series being set.</p>
</div>
</li>
</ul>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
Object
</div>
</div>
</div>
<div id="method__planarEventDispatcher" class="method item private">
<h3 class="name"><code>_planarEventDispatcher</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>e</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l47"><code>charts/js/CartesianChart.js:47</code></a>
</p>
</div>
<div class="description">
<p>When <code>interactionType</code> is set to <code>planar</code>, listens for mouse move events and fires <code>planarEvent:mouseover</code> or <code>planarEvent:mouseout</code>
depending on the position of the mouse in relation to data points on the <code>Chart</code>.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
<div class="param-description">
<p>Event object.</p>
</div>
</li>
</ul>
</div>
</div>
<div id="method__planarLabelFunction" class="method item private inherited">
<h3 class="name"><code>_planarLabelFunction</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>categoryAxis</code>
</li>
<li class="arg">
<code>valueItems</code>
</li>
<li class="arg">
<code>index</code>
</li>
<li class="arg">
<code>seriesArray</code>
</li>
<li class="arg">
<code>seriesIndex</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="returns-inline">
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a> | HTML</span>
</span>
<span class="flag private">private</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#method__planarLabelFunction">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l1079"><code>charts/js/ChartBase.js:1079</code></a>
</p>
</div>
<div class="description">
<p>Formats tooltip text when <code>interactionType</code> is <code>planar</code>.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">categoryAxis</code>
<span class="type"><a href="../classes/Axis.html" class="crosslink">Axis</a></span>
<div class="param-description">
<p>Reference to the categoryAxis of the chart.</p>
</div>
</li>
<li class="param">
<code class="param-name">valueItems</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
<div class="param-description">
<p>Array of objects for each series that has a data point in the coordinate plane of the event.
Each object contains the following data:
<dl>
<dt>axis</dt><dd>The value axis of the series.</dd>
<dt>key</dt><dd>The key for the series.</dd>
<dt>value</dt><dd>The value for the series item.</dd>
<dt>displayName</dt><dd>The display name of the series. (defaults to key if not provided)</dd>
</dl></p>
</div>
</li>
<li class="param">
<code class="param-name">index</code>
<span class="type"><a href="../classes/Number.html" class="crosslink">Number</a></span>
<div class="param-description">
<p>The index of the item within its series.</p>
</div>
</li>
<li class="param">
<code class="param-name">seriesArray</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
<div class="param-description">
<p>Array of series instances for each value item.</p>
</div>
</li>
<li class="param">
<code class="param-name">seriesIndex</code>
<span class="type"><a href="../classes/Number.html" class="crosslink">Number</a></span>
<div class="param-description">
<p>The index of the series in the <code>seriesCollection</code>.</p>
</div>
</li>
</ul>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a> | HTML</span>:
</div>
</div>
</div>
<div id="method__positionTooltip" class="method item private inherited">
<h3 class="name"><code>_positionTooltip</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>e</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="flag private">private</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#method__positionTooltip">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l918"><code>charts/js/ChartBase.js:918</code></a>
</p>
</div>
<div class="description">
<p>Positions the tooltip</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
<div class="param-description">
<p>Event object.</p>
</div>
</li>
</ul>
</div>
</div>
<div id="method__redraw" class="method item private">
<h3 class="name"><code>_redraw</code></h3>
<span class="paren">()</span>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l1325"><code>charts/js/CartesianChart.js:1325</code></a>
</p>
</div>
<div class="description">
<p>Redraws and position all the components of the chart instance.</p>
</div>
</div>
<div id="method__setAriaElements" class="method item private inherited">
<h3 class="name"><code>_setAriaElements</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>cb</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="flag private">private</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#method__setAriaElements">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l517"><code>charts/js/ChartBase.js:517</code></a>
</p>
</div>
<div class="description">
<p>Creates an aria <code>live-region</code>, <code>aria-label</code> and <code>aria-describedby</code> for the Chart.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">cb</code>
<span class="type"><a href="../classes/Node.html" class="crosslink">Node</a></span>
<div class="param-description">
<p>Reference to the Chart's <code>contentBox</code> attribute.</p>
</div>
</li>
</ul>
</div>
</div>
<div id="method__setAxes" class="method item private">
<h3 class="name"><code>_setAxes</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>val</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="returns-inline">
<span class="type"></span>
</span>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l565"><code>charts/js/CartesianChart.js:565</code></a>
</p>
</div>
<div class="description">
<p>Creates <code>Axis</code> instances.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">val</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
<div class="param-description">
<p>Object containing <code>Axis</code> instances or objects in which to construct <code>Axis</code> instances.</p>
</div>
</li>
</ul>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
Object
</div>
</div>
</div>
<div id="method__setBaseAttribute" class="method item private">
<h3 class="name"><code>_setBaseAttribute</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>item</code>
</li>
<li class="arg">
<code>key</code>
</li>
<li class="arg">
<code>value</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l542"><code>charts/js/CartesianChart.js:542</code></a>
</p>
</div>
<div class="description">
<p>Sets an attribute on an object, using a setter of Base objects and a property for object
literals. Used for setting attributes on a Base class, either directly or to be stored in an object literal
for use at instantiation.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">item</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
<div class="param-description">
<p>Object or instance in which the attribute resides.</p>
</div>
</li>
<li class="param">
<code class="param-name">key</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">
<p>Attribute whose value will be assigned.</p>
</div>
</li>
<li class="param">
<code class="param-name">value</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
<div class="param-description">
<p>Value to be assigned to the attribute.</p>
</div>
</li>
</ul>
</div>
</div>
<div id="method__setDataValues" class="method item private inherited">
<h3 class="name"><code>_setDataValues</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>val</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="returns-inline">
<span class="type"></span>
</span>
<span class="flag private">private</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#method__setDataValues">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l395"><code>charts/js/ChartBase.js:395</code></a>
</p>
</div>
<div class="description">
<p>Setter method for <code>dataProvider</code> attribute.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">val</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
<div class="param-description">
<p>Array to be set as <code>dataProvider</code>.</p>
</div>
</li>
</ul>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
Array
</div>
</div>
</div>
<div id="method__setOffscreen" class="method item private inherited">
<h3 class="name"><code>_setOffscreen</code></h3>
<span class="paren">()</span>
<span class="returns-inline">
<span class="type"></span>
</span>
<span class="flag private">private</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#method__setOffscreen">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l547"><code>charts/js/ChartBase.js:547</code></a>
</p>
</div>
<div class="description">
<p>Sets a node offscreen for use as aria-description or aria-live-regin.</p>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
Node
</div>
</div>
</div>
<div id="method__setText" class="method item private inherited">
<h3 class="name"><code>_setText</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>label</code>
</li>
<li class="arg">
<code>val</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="flag private">private</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#method__setText">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l1220"><code>charts/js/ChartBase.js:1220</code></a>
</p>
</div>
<div class="description">
<p>Updates the content of text field. This method writes a value into a text field using
<code>appendChild</code>. If the value is a <code>String</code>, it is converted to a <code>TextNode</code> first.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">label</code>
<span class="type"><a href="https://developer.mozilla.org/en/Document_Object_Model_(DOM)/HTMLElement" class="crosslink external" target="_blank">HTMLElement</a></span>
<div class="param-description">
<p>label to be updated</p>
</div>
</li>
<li class="param">
<code class="param-name">val</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">
<p>value with which to update the label</p>
</div>
</li>
</ul>
</div>
</div>
<div id="method__showTooltip" class="method item private inherited">
<h3 class="name"><code>_showTooltip</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>msg</code>
</li>
<li class="arg">
<code>x</code>
</li>
<li class="arg">
<code>y</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="flag private">private</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#method__showTooltip">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l895"><code>charts/js/ChartBase.js:895</code></a>
</p>
</div>
<div class="description">
<p>Shows a tooltip</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">msg</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">
<p>Message to dispaly in the tooltip.</p>
</div>
</li>
<li class="param">
<code class="param-name">x</code>
<span class="type"><a href="../classes/Number.html" class="crosslink">Number</a></span>
<div class="param-description">
<p>x-coordinate</p>
</div>
</li>
<li class="param">
<code class="param-name">y</code>
<span class="type"><a href="../classes/Number.html" class="crosslink">Number</a></span>
<div class="param-description">
<p>y-coordinate</p>
</div>
</li>
</ul>
</div>
</div>
<div id="method__sizeChanged" class="method item private">
<h3 class="name"><code>_sizeChanged</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>e</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l1127"><code>charts/js/CartesianChart.js:1127</code></a>
</p>
</div>
<div class="description">
<p>Handler for sizeChanged event.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
<div class="param-description">
<p>Event object.</p>
</div>
</li>
</ul>
</div>
</div>
<div id="method__tooltipChangeHandler" class="method item private inherited">
<h3 class="name"><code>_tooltipChangeHandler</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>e</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="flag private">private</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#method__tooltipChangeHandler">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l1195"><code>charts/js/ChartBase.js:1195</code></a>
</p>
</div>
<div class="description">
<p>Event handler for the tooltipChange.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
<div class="param-description">
<p>Event object.</p>
</div>
</li>
</ul>
</div>
</div>
<div id="method__tooltipLabelFunction" class="method item private inherited">
<h3 class="name"><code>_tooltipLabelFunction</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>categoryItem</code>
</li>
<li class="arg">
<code>valueItem</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="returns-inline">
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a> | HTML</span>
</span>
<span class="flag private">private</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#method__tooltipLabelFunction">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l1145"><code>charts/js/ChartBase.js:1145</code></a>
</p>
</div>
<div class="description">
<p>Formats tooltip text when <code>interactionType</code> is <code>marker</code>.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">categoryItem</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
<div class="param-description">
<p>An object containing the following:
<dl>
<dt>axis</dt><dd>The axis to which the category is bound.</dd>
<dt>displayName</dt><dd>The display name set to the category (defaults to key if not provided)</dd>
<dt>key</dt><dd>The key of the category.</dd>
<dt>value</dt><dd>The value of the category</dd>
</dl></p>
</div>
</li>
<li class="param">
<code class="param-name">valueItem</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
<div class="param-description">
<p>An object containing the following:
<dl>
<dt>axis</dt><dd>The axis to which the item's series is bound.</dd>
<dt>displayName</dt><dd>The display name of the series. (defaults to key if not provided)</dd>
<dt>key</dt><dd>The key for the series.</dd>
<dt>value</dt><dd>The value for the series item.</dd>
</dl></p>
</div>
</li>
</ul>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a> | HTML</span>:
</div>
</div>
</div>
<div id="method__updateTooltip" class="method item private inherited">
<h3 class="name"><code>_updateTooltip</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>val</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="returns-inline">
<span class="type"></span>
</span>
<span class="flag private">private</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#method__updateTooltip">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l976"><code>charts/js/ChartBase.js:976</code></a>
</p>
</div>
<div class="description">
<p>Updates the tooltip attribute.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">val</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
<div class="param-description">
<p>Object containing properties for the tooltip.</p>
</div>
</li>
</ul>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
Object
</div>
</div>
</div>
<div id="method_bindUI" class="method item private inherited">
<h3 class="name"><code>bindUI</code></h3>
<span class="paren">()</span>
<span class="flag private">private</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#method_bindUI">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l576"><code>charts/js/ChartBase.js:576</code></a>
</p>
</div>
<div class="description">
</div>
</div>
<div id="method_destructor" class="method item protected">
<h3 class="name"><code>destructor</code></h3>
<span class="paren">()</span>
<span class="flag protected">protected</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l1589"><code>charts/js/CartesianChart.js:1589</code></a>
</p>
</div>
<div class="description">
<p>Destructor implementation for the CartesianChart class. Calls destroy on all axes, series and the Graph instance.
Removes the tooltip and overlay HTML elements.</p>
</div>
</div>
<div id="method_getAxisByKey" class="method item inherited">
<h3 class="name"><code>getAxisByKey</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>val</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="returns-inline">
<span class="type"></span>
</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#method_getAxisByKey">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l337"><code>charts/js/ChartBase.js:337</code></a>
</p>
</div>
<div class="description">
<p>Returns an <code>Axis</code> instance by key reference. If the axis was explicitly set through the <code>axes</code> attribute,
the key will be the same as the key used in the <code>axes</code> object. For default axes, the key for
the category axis is the value of the <code>categoryKey</code> (<code>category</code>). For the value axis, the default
key is <code>values</code>.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">val</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">
<p>Key reference used to look up the axis.</p>
</div>
</li>
</ul>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
Axis
</div>
</div>
</div>
<div id="method_getCategoryAxis" class="method item inherited">
<h3 class="name"><code>getCategoryAxis</code></h3>
<span class="paren">()</span>
<span class="returns-inline">
<span class="type"></span>
</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#method_getCategoryAxis">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l358"><code>charts/js/ChartBase.js:358</code></a>
</p>
</div>
<div class="description">
<p>Returns the category axis for the chart.</p>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
Axis
</div>
</div>
</div>
<div id="method_getSeries" class="method item inherited">
<h3 class="name"><code>getSeries</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>val</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="returns-inline">
<span class="type"></span>
</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#method_getSeries">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l312"><code>charts/js/ChartBase.js:312</code></a>
</p>
</div>
<div class="description">
<p>Returns a series instance by index or key value.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">val</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
<div class="param-description">
</div>
</li>
</ul>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
CartesianSeries
</div>
</div>
</div>
<div id="method_getSeriesItems" class="method item">
<h3 class="name"><code>getSeriesItems</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>series</code>
</li>
<li class="arg">
<code>index</code>
</li>
</ul><span class="paren">)</span>
</div>
<span class="returns-inline">
<span class="type"></span>
</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l1061"><code>charts/js/CartesianChart.js:1061</code></a>
</p>
</div>
<div class="description">
<p>Returns an object literal containing a categoryItem and a valueItem for a given series index. Below is the structure of each:</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">series</code>
<span class="type"><a href="../classes/CartesianSeries.html" class="crosslink">CartesianSeries</a></span>
<div class="param-description">
<p>Reference to a series.</p>
</div>
</li>
<li class="param">
<code class="param-name">index</code>
<span class="type"><a href="../classes/Number.html" class="crosslink">Number</a></span>
<div class="param-description">
<p>Index of the specified item within a series.</p>
</div>
</li>
</ul>
</div>
<div class="returns">
<h4>Returns:</h4>
<div class="returns-description">
Object An object literal containing the following:
<dl>
<dt>categoryItem</dt><dd>Object containing the following data related to the category axis of the series.
<dl>
<dt>axis</dt><dd>Reference to the category axis of the series.</dd>
<dt>key</dt><dd>Category key for the series.</dd>
<dt>value</dt><dd>Value on the axis corresponding to the series index.</dd>
</dl>
</dd>
<dt>valueItem</dt><dd>Object containing the following data related to the category axis of the series.
<dl>
<dt>axis</dt><dd>Reference to the value axis of the series.</dd>
<dt>key</dt><dd>Value key for the series.</dd>
<dt>value</dt><dd>Value on the axis corresponding to the series index.</dd>
</dl>
</dd>
</dl>
</div>
</div>
</div>
<div id="method_hideTooltip" class="method item inherited">
<h3 class="name"><code>hideTooltip</code></h3>
<span class="paren">()</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#method_hideTooltip">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l939"><code>charts/js/ChartBase.js:939</code></a>
</p>
</div>
<div class="description">
<p>Hides the default tooltip</p>
</div>
</div>
<div id="method_initializer" class="method item private inherited">
<h3 class="name"><code>initializer</code></h3>
<span class="paren">()</span>
<span class="flag private">private</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#method_initializer">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l484"><code>charts/js/ChartBase.js:484</code></a>
</p>
</div>
<div class="description">
</div>
</div>
<div id="method_renderUI" class="method item private">
<h3 class="name"><code>renderUI</code></h3>
<span class="paren">()</span>
<span class="flag private">private</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#method_renderUI">
ChartBase
</a>
but overwritten in
<a href="../files/charts_js_CartesianChart.js.html#l10"><code>charts/js/CartesianChart.js:10</code></a>
</p>
</div>
<div class="description">
</div>
</div>
<div id="method_syncUI" class="method item private inherited">
<h3 class="name"><code>syncUI</code></h3>
<span class="paren">()</span>
<span class="flag private">private</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#method_syncUI">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l567"><code>charts/js/ChartBase.js:567</code></a>
</p>
</div>
<div class="description">
</div>
</div>
<div id="method_toggleTooltip" class="method item inherited">
<h3 class="name"><code>toggleTooltip</code></h3>
<div class="args">
<span class="paren">(</span><ul class="args-list inline commas">
<li class="arg">
<code>e</code>
</li>
</ul><span class="paren">)</span>
</div>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#method_toggleTooltip">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l875"><code>charts/js/ChartBase.js:875</code></a>
</p>
</div>
<div class="description">
<p>Event listener for toggling the tooltip. If a tooltip is visible, hide it. If not, it
will create and show a tooltip based on the event object.</p>
</div>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
<div class="param-description">
<p>Event object.</p>
</div>
</li>
</ul>
</div>
</div>
</div>
<div id="properties" class="api-class-tabpanel">
<h2 class="off-left">Properties</h2>
<div id="property__axes" class="property item private inherited">
<h3 class="name"><code>_axes</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
<span class="flag private">private</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#property__axes">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l475"><code>charts/js/ChartBase.js:475</code></a>
</p>
</div>
<div class="description">
<p>Collection of axes.</p>
</div>
</div>
<div id="property__axisClass" class="property item private inherited">
<h3 class="name"><code>_axisClass</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
<span class="flag private">private</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#property__axisClass">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l461"><code>charts/js/ChartBase.js:461</code></a>
</p>
</div>
<div class="description">
<p>Key value pairs of axis types.</p>
</div>
</div>
<div id="property__dataProvider" class="property item private inherited">
<h3 class="name"><code>_dataProvider</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
<span class="flag private">private</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#property__dataProvider">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l386"><code>charts/js/ChartBase.js:386</code></a>
</p>
</div>
<div class="description">
<p>Storage for the <code>dataProvider</code> attribute.</p>
</div>
</div>
<div id="property__direction" class="property item private inherited">
<h3 class="name"><code>_direction</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<span class="flag private">private</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#property__direction">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l376"><code>charts/js/ChartBase.js:376</code></a>
</p>
</div>
<div class="description">
<p>Default direction of the chart.</p>
</div>
<p><strong>Default:</strong> horizontal</p>
</div>
<div id="property__itemRenderQueue" class="property item private">
<h3 class="name"><code>_itemRenderQueue</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l206"><code>charts/js/CartesianChart.js:206</code></a>
</p>
</div>
<div class="description">
<p>Queue of axes instances that will be updated. This method is used internally to determine when all axes have been updated.</p>
</div>
</div>
<div id="property__seriesCollection" class="property item private inherited">
<h3 class="name"><code>_seriesCollection</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
<span class="flag private">private</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#property__seriesCollection">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l428"><code>charts/js/ChartBase.js:428</code></a>
</p>
</div>
<div class="description">
<p>Storage for <code>seriesCollection</code> attribute.</p>
</div>
</div>
<div id="property__setSeriesCollection" class="property item private inherited">
<h3 class="name"><code>_setSeriesCollection</code></h3>
<span class="type">Unknown</span>
<span class="flag private">private</span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#property__setSeriesCollection">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l437"><code>charts/js/ChartBase.js:437</code></a>
</p>
</div>
<div class="description">
<p>Setter method for <code>seriesCollection</code> attribute.</p>
</div>
<h4>Sub-properties:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">val</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
<div class="param-description">
<p>Array of either <code>CartesianSeries</code> instances or objects containing series attribute key value pairs.</p>
</div>
</li>
</ul>
</div>
<div id="property__type" class="property item private">
<h3 class="name"><code>_type</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l197"><code>charts/js/CartesianChart.js:197</code></a>
</p>
</div>
<div class="description">
<p>Indicates the default series type for the chart.</p>
</div>
</div>
</div>
<div id="attrs" class="api-class-tabpanel">
<h2 class="off-left">Attributes</h2>
<div id="attr_allowContentOverflow" class="attr item">
<a name="config_allowContentOverflow"></a>
<h3 class="name"><code>allowContentOverflow</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Boolean" class="crosslink external" target="_blank">Boolean</a></span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l1735"><code>charts/js/CartesianChart.js:1735</code></a>
</p>
</div>
<div class="description">
<p>Indicates whether axis labels are allowed to overflow beyond the bounds of the chart's content box.</p>
</div>
<div class="emits box">
<h4>Fires event <code>allowContentOverflowChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>allowContentOverflow</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="attr_ariaDescription" class="attr item inherited">
<a name="config_ariaDescription"></a>
<h3 class="name"><code>ariaDescription</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#attr_ariaDescription">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l87"><code>charts/js/ChartBase.js:87</code></a>
</p>
</div>
<div class="description">
<p>Sets the aria description for the chart.</p>
</div>
<div class="emits box">
<h4>Fires event <code>ariaDescriptionChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>ariaDescription</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="attr_ariaLabel" class="attr item inherited">
<a name="config_ariaLabel"></a>
<h3 class="name"><code>ariaLabel</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#attr_ariaLabel">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l67"><code>charts/js/ChartBase.js:67</code></a>
</p>
</div>
<div class="description">
<p>Sets the <code>aria-label</code> for the chart.</p>
</div>
<div class="emits box">
<h4>Fires event <code>ariaLabelChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>ariaLabel</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="attr_axes" class="attr item">
<a name="config_axes"></a>
<h3 class="name"><code>axes</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l1954"><code>charts/js/CartesianChart.js:1954</code></a>
</p>
</div>
<div class="description">
<p>Axes to appear in the chart. This can be a key indexed hash of axis instances or object literals
used to construct the appropriate axes.</p>
</div>
<div class="emits box">
<h4>Fires event <code>axesChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>axes</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="attr_axesCollection" class="attr item inherited">
<a name="config_axesCollection"></a>
<h3 class="name"><code>axesCollection</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#attr_axesCollection">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l230"><code>charts/js/ChartBase.js:230</code></a>
</p>
</div>
<div class="description">
<p>Reference to all the axes in the chart.</p>
</div>
<div class="emits box">
<h4>Fires event <code>axesCollectionChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>axesCollection</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="attr_axesStyles" class="attr item private">
<a name="config_axesStyles"></a>
<h3 class="name"><code>axesStyles</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l1745"><code>charts/js/CartesianChart.js:1745</code></a>
</p>
</div>
<div class="description">
<p>Style object for the axes.</p>
</div>
<div class="emits box">
<h4>Fires event <code>axesStylesChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>axesStyles</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="attr_bottomAxesCollection" class="attr item private">
<a name="config_bottomAxesCollection"></a>
<h3 class="name"><code>bottomAxesCollection</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l2007"><code>charts/js/CartesianChart.js:2007</code></a>
</p>
</div>
<div class="description">
<p>Reference to the bottom-aligned axes for the chart.</p>
</div>
<div class="emits box">
<h4>Fires event <code>bottomAxesCollectionChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>bottomAxesCollection</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="attr_categoryAxis" class="attr item">
<a name="config_categoryAxis"></a>
<h3 class="name"><code>categoryAxis</code></h3>
<span class="type"><a href="../classes/Axis.html" class="crosslink">Axis</a></span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l2223"><code>charts/js/CartesianChart.js:2223</code></a>
</p>
</div>
<div class="description">
<p>Reference to the category axis used by the chart.</p>
</div>
<div class="emits box">
<h4>Fires event <code>categoryAxisChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>categoryAxis</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="attr_categoryAxisName" class="attr item">
<a name="config_categoryAxisName"></a>
<h3 class="name"><code>categoryAxisName</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l2098"><code>charts/js/CartesianChart.js:2098</code></a>
</p>
</div>
<div class="description">
<p>Indicates the key value used to identify a category axis in the <code>axes</code> hash. If
not specified, the categoryKey attribute value will be used.</p>
</div>
<div class="emits box">
<h4>Fires event <code>categoryAxisNameChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>categoryAxisName</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="attr_categoryKey" class="attr item inherited">
<a name="config_categoryKey"></a>
<h3 class="name"><code>categoryKey</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#attr_categoryKey">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l186"><code>charts/js/ChartBase.js:186</code></a>
</p>
</div>
<div class="description">
<p>The key value used for the chart's category axis.</p>
</div>
<p><strong>Default:</strong> category</p>
<div class="emits box">
<h4>Fires event <code>categoryKeyChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>categoryKey</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="attr_categoryType" class="attr item inherited">
<a name="config_categoryType"></a>
<h3 class="name"><code>categoryType</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#attr_categoryType">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l197"><code>charts/js/ChartBase.js:197</code></a>
</p>
</div>
<div class="description">
<p>Indicates the type of axis to use for the category axis.</p>
<p><dl>
<dt>category</dt><dd>Specifies a <code>CategoryAxis</code>.</dd>
<dt>time</dt><dd>Specifies a `TimeAxis</dd>
</dl></p>
</div>
<p><strong>Default:</strong> category</p>
<div class="emits box">
<h4>Fires event <code>categoryTypeChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>categoryType</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="attr_dataProvider" class="attr item inherited">
<a name="config_dataProvider"></a>
<h3 class="name"><code>dataProvider</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#attr_dataProvider">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l11"><code>charts/js/ChartBase.js:11</code></a>
</p>
</div>
<div class="description">
<p>Data used to generate the chart.</p>
</div>
<div class="emits box">
<h4>Fires event <code>dataProviderChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>dataProvider</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="attr_direction" class="attr item">
<a name="config_direction"></a>
<h3 class="name"><code>direction</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l2044"><code>charts/js/CartesianChart.js:2044</code></a>
</p>
</div>
<div class="description">
<p>Direction of chart's category axis when there is no series collection specified. Charts can
be horizontal or vertical. When the chart type is column, the chart is horizontal.
When the chart type is bar, the chart is vertical.</p>
</div>
<div class="emits box">
<h4>Fires event <code>directionChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>direction</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="attr_graph" class="attr item inherited">
<a name="config_graph"></a>
<h3 class="name"><code>graph</code></h3>
<span class="type"><a href="../classes/Graph.html" class="crosslink">Graph</a></span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#attr_graph">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l238"><code>charts/js/ChartBase.js:238</code></a>
</p>
</div>
<div class="description">
<p>Reference to graph instance.</p>
</div>
<div class="emits box">
<h4>Fires event <code>graphChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>graph</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="attr_graphStyles" class="attr item private">
<a name="config_graphStyles"></a>
<h3 class="name"><code>graphStyles</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l1858"><code>charts/js/CartesianChart.js:1858</code></a>
</p>
</div>
<div class="description">
<p>Styles for the graph.</p>
</div>
<div class="emits box">
<h4>Fires event <code>graphStylesChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>graphStyles</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="attr_groupMarkers" class="attr item inherited">
<a name="config_groupMarkers"></a>
<h3 class="name"><code>groupMarkers</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Boolean" class="crosslink external" target="_blank">Boolean</a></span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#attr_groupMarkers">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l248"><code>charts/js/ChartBase.js:248</code></a>
</p>
</div>
<div class="description">
<p>Indicates whether or not markers for a series will be grouped and rendered in a single complex shape instance.</p>
</div>
<div class="emits box">
<h4>Fires event <code>groupMarkersChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>groupMarkers</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="attr_horizontalGridlines" class="attr item">
<a name="config_horizontalGridlines"></a>
<h3 class="name"><code>horizontalGridlines</code></h3>
<span class="type"><a href="../classes/Gridlines.html" class="crosslink">Gridlines</a></span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l2118"><code>charts/js/CartesianChart.js:2118</code></a>
</p>
</div>
<div class="description">
<p>Reference to the horizontalGridlines for the chart.</p>
</div>
<div class="emits box">
<h4>Fires event <code>horizontalGridlinesChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>horizontalGridlines</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="attr_interactionType" class="attr item inherited">
<a name="config_interactionType"></a>
<h3 class="name"><code>interactionType</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#attr_interactionType">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l213"><code>charts/js/ChartBase.js:213</code></a>
</p>
</div>
<div class="description">
<p>Indicates the the type of interactions that will fire events.</p>
<p><dl>
<dt>marker</dt><dd>Events will be broadcasted when the mouse interacts with individual markers.</dd>
<dt>planar</dt><dd>Events will be broadcasted when the mouse intersects the plane of any markers on the chart.</dd>
<dt>none</dt><dd>No events will be broadcasted.</dd>
</dl></p>
</div>
<p><strong>Default:</strong> marker</p>
<div class="emits box">
<h4>Fires event <code>interactionTypeChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>interactionType</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="attr_leftAxesCollection" class="attr item private">
<a name="config_leftAxesCollection"></a>
<h3 class="name"><code>leftAxesCollection</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l1998"><code>charts/js/CartesianChart.js:1998</code></a>
</p>
</div>
<div class="description">
<p>Reference to the left-aligned axes for the chart.</p>
</div>
<div class="emits box">
<h4>Fires event <code>leftAxesCollectionChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>leftAxesCollection</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="attr_rightAxesCollection" class="attr item private">
<a name="config_rightAxesCollection"></a>
<h3 class="name"><code>rightAxesCollection</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l2016"><code>charts/js/CartesianChart.js:2016</code></a>
</p>
</div>
<div class="description">
<p>Reference to the right-aligned axes for the chart.</p>
</div>
<div class="emits box">
<h4>Fires event <code>rightAxesCollectionChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>rightAxesCollection</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="attr_seriesCollection" class="attr item">
<a name="config_seriesCollection"></a>
<h3 class="name"><code>seriesCollection</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l1976"><code>charts/js/CartesianChart.js:1976</code></a>
</p>
</div>
<div class="description">
<p>Collection of series to appear on the chart. This can be an array of Series instances or object literals
used to construct the appropriate series.</p>
</div>
<div class="emits box">
<h4>Fires event <code>seriesCollectionChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>seriesCollection</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="attr_seriesKeys" class="attr item inherited">
<a name="config_seriesKeys"></a>
<h3 class="name"><code>seriesKeys</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#attr_seriesKeys">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l41"><code>charts/js/ChartBase.js:41</code></a>
</p>
</div>
<div class="description">
<p>A collection of keys that map to the series axes. If no keys are set,
they will be generated automatically depending on the data structure passed into
the chart.</p>
</div>
<div class="emits box">
<h4>Fires event <code>seriesKeysChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>seriesKeys</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="attr_seriesStyles" class="attr item private">
<a name="config_seriesStyles"></a>
<h3 class="name"><code>seriesStyles</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l1792"><code>charts/js/CartesianChart.js:1792</code></a>
</p>
</div>
<div class="description">
<p>Style object for the series</p>
</div>
<div class="emits box">
<h4>Fires event <code>seriesStylesChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>seriesStyles</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="attr_showAreaFill" class="attr item">
<a name="config_showAreaFill"></a>
<h3 class="name"><code>showAreaFill</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Boolean" class="crosslink external" target="_blank">Boolean</a></span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l2074"><code>charts/js/CartesianChart.js:2074</code></a>
</p>
</div>
<div class="description">
<p>Indicates whether or not an area is filled in a combo chart.</p>
</div>
<div class="emits box">
<h4>Fires event <code>showAreaFillChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>showAreaFill</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="attr_showLines" class="attr item">
<a name="config_showLines"></a>
<h3 class="name"><code>showLines</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Boolean" class="crosslink external" target="_blank">Boolean</a></span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l2090"><code>charts/js/CartesianChart.js:2090</code></a>
</p>
</div>
<div class="description">
<p>Indicates whether to display lines in a combo chart.</p>
</div>
<div class="emits box">
<h4>Fires event <code>showLinesChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>showLines</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="attr_showMarkers" class="attr item">
<a name="config_showMarkers"></a>
<h3 class="name"><code>showMarkers</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Boolean" class="crosslink external" target="_blank">Boolean</a></span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l2082"><code>charts/js/CartesianChart.js:2082</code></a>
</p>
</div>
<div class="description">
<p>Indicates whether to display markers in a combo chart.</p>
</div>
<div class="emits box">
<h4>Fires event <code>showMarkersChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>showMarkers</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="attr_stacked" class="attr item">
<a name="config_stacked"></a>
<h3 class="name"><code>stacked</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Boolean" class="crosslink external" target="_blank">Boolean</a></span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l2034"><code>charts/js/CartesianChart.js:2034</code></a>
</p>
</div>
<div class="description">
<p>Indicates whether or not the chart is stacked.</p>
</div>
<div class="emits box">
<h4>Fires event <code>stackedChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>stacked</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="attr_styles" class="attr item">
<a name="config_styles"></a>
<h3 class="name"><code>styles</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l1887"><code>charts/js/CartesianChart.js:1887</code></a>
</p>
</div>
<div class="description">
<p>Style properties for the chart. Contains a key indexed hash of the following:
<dl>
<dt>series</dt><dd>A key indexed hash containing references to the <code>styles</code> attribute for each series in the chart.
Specific style attributes vary depending on the series:
<ul>
<li><a href="AreaSeries.html#attr_styles">AreaSeries</a></li>
<li><a href="BarSeries.html#attr_styles">BarSeries</a></li>
<li><a href="ColumnSeries.html#attr_styles">ColumnSeries</a></li>
<li><a href="ComboSeries.html#attr_styles">ComboSeries</a></li>
<li><a href="LineSeries.html#attr_styles">LineSeries</a></li>
<li><a href="MarkerSeries.html#attr_styles">MarkerSeries</a></li>
<li><a href="SplineSeries.html#attr_styles">SplineSeries</a></li>
</ul>
</dd>
<dt>axes</dt><dd>A key indexed hash containing references to the <code>styles</code> attribute for each axes in the chart. Specific
style attributes can be found in the <a href="Axis.html#attr_styles">Axis</a> class.</dd>
<dt>graph</dt><dd>A reference to the <code>styles</code> attribute in the chart. Specific style attributes can be found in the
<a href="Graph.html#attr_styles">Graph</a> class.</dd>
</dl></p>
</div>
<div class="emits box">
<h4>Fires event <code>stylesChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>styles</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="attr_tooltip" class="attr item inherited">
<a name="config_tooltip"></a>
<h3 class="name"><code>tooltip</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#attr_tooltip">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l107"><code>charts/js/ChartBase.js:107</code></a>
</p>
</div>
<div class="description">
<p>Reference to the default tooltip available for the chart.</p>
<p>Contains the following properties:</p>
<p><dl>
<dt>node</dt><dd>Reference to the actual dom node</dd>
<dt>showEvent</dt><dd>Event that should trigger the tooltip</dd>
<dt>hideEvent</dt><dd>Event that should trigger the removal of a tooltip (can be an event or an array of events)</dd>
<dt>styles</dt><dd>A hash of style properties that will be applied to the tooltip node</dd>
<dt>show</dt><dd>Indicates whether or not to show the tooltip</dd>
<dt>markerEventHandler</dt><dd>Displays and hides tooltip based on marker events</dd>
<dt>planarEventHandler</dt><dd>Displays and hides tooltip based on planar events</dd>
<dt>markerLabelFunction</dt><dd>Reference to the function used to format a marker event triggered tooltip's text.
The method contains the following arguments:
<dl>
<dt>categoryItem</dt><dd>An object containing the following:
<dl>
<dt>axis</dt><dd>The axis to which the category is bound.</dd>
<dt>displayName</dt><dd>The display name set to the category (defaults to key if not provided).</dd>
<dt>key</dt><dd>The key of the category.</dd>
<dt>value</dt><dd>The value of the category.</dd>
</dl>
</dd>
<dt>valueItem</dt><dd>An object containing the following:
<dl>
<dt>axis</dt><dd>The axis to which the item's series is bound.</dd>
<dt>displayName</dt><dd>The display name of the series. (defaults to key if not provided)</dd>
<dt>key</dt><dd>The key for the series.</dd>
<dt>value</dt><dd>The value for the series item.</dd>
</dl>
</dd>
<dt>itemIndex</dt><dd>The index of the item within the series.</dd>
<dt>series</dt><dd> The <code>CartesianSeries</code> instance of the item.</dd>
<dt>seriesIndex</dt><dd>The index of the series in the <code>seriesCollection</code>.</dd>
</dl>
The method returns an <code>HTMLElement</code> which is written into the DOM using <code>appendChild</code>. If you override this method and choose
to return an html string, you will also need to override the tooltip's <code>setTextFunction</code> method to accept an html string.
</dd>
<dt>planarLabelFunction</dt><dd>Reference to the function used to format a planar event triggered tooltip's text
<dl>
<dt>categoryAxis</dt><dd> <code>CategoryAxis</code> Reference to the categoryAxis of the chart.
<dt>valueItems</dt><dd>Array of objects for each series that has a data point in the coordinate plane of the event. Each
object contains the following data:
<dl>
<dt>axis</dt><dd>The value axis of the series.</dd>
<dt>key</dt><dd>The key for the series.</dd>
<dt>value</dt><dd>The value for the series item.</dd>
<dt>displayName</dt><dd>The display name of the series. (defaults to key if not provided)</dd>
</dl>
</dd>
<dt>index</dt><dd>The index of the item within its series.</dd>
<dt>seriesArray</dt><dd>Array of series instances for each value item.</dd>
<dt>seriesIndex</dt><dd>The index of the series in the <code>seriesCollection</code>.</dd>
</dl>
</dd>
</dl>
The method returns an <code>HTMLElement</code> which is written into the DOM using <code>appendChild</code>. If you override this method and choose
to return an html string, you will also need to override the tooltip's <code>setTextFunction</code> method to accept an html string.
</dd>
<dt>setTextFunction</dt><dd>Method that writes content returned from <code>planarLabelFunction</code> or <code>markerLabelFunction</code> into the
the tooltip node. Has the following signature:
<dl>
<dt>label</dt><dd>The <code>HTMLElement</code> that the content is to be added.</dd>
<dt>val</dt><dd>The content to be rendered into tooltip. This can be a <code>String</code> or <code>HTMLElement</code>. If an HTML string is used,
it will be rendered as a string.</dd>
</dl>
</dd>
</dl></p>
</div>
<div class="emits box">
<h4>Fires event <code>tooltipChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>tooltip</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="attr_topAxesCollection" class="attr item private">
<a name="config_topAxesCollection"></a>
<h3 class="name"><code>topAxesCollection</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array" class="crosslink external" target="_blank">Array</a></span>
<span class="flag private">private</span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l2025"><code>charts/js/CartesianChart.js:2025</code></a>
</p>
</div>
<div class="description">
<p>Reference to the top-aligned axes for the chart.</p>
</div>
<div class="emits box">
<h4>Fires event <code>topAxesCollectionChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>topAxesCollection</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="attr_type" class="attr item">
<a name="config_type"></a>
<h3 class="name"><code>type</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l2186"><code>charts/js/CartesianChart.js:2186</code></a>
</p>
</div>
<div class="description">
<p>Type of chart when there is no series collection specified.</p>
</div>
<div class="emits box">
<h4>Fires event <code>typeChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>type</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="attr_valueAxisName" class="attr item">
<a name="config_valueAxisName"></a>
<h3 class="name"><code>valueAxisName</code></h3>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l2108"><code>charts/js/CartesianChart.js:2108</code></a>
</p>
</div>
<div class="description">
<p>Indicates the key value used to identify a the series axis when an axis not generated.</p>
</div>
<div class="emits box">
<h4>Fires event <code>valueAxisNameChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>valueAxisName</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div id="attr_verticalGridlines" class="attr item">
<a name="config_verticalGridlines"></a>
<h3 class="name"><code>verticalGridlines</code></h3>
<span class="type"><a href="../classes/Gridlines.html" class="crosslink">Gridlines</a></span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l2152"><code>charts/js/CartesianChart.js:2152</code></a>
</p>
</div>
<div class="description">
<p>Reference to the verticalGridlines for the chart.</p>
</div>
<div class="emits box">
<h4>Fires event <code>verticalGridlinesChange</code></h4>
<p>
Fires when the value for the configuration attribute <code>verticalGridlines</code> is
changed. You can listen for the event using the <code>on</code> method if you
wish to be notified before the attribute's value has changed, or
using the <code>after</code> method if you wish to be notified after the
attribute's value has changed.
</p>
<div class="params">
<h4>Parameters:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
An Event Facade object with the following
attribute-specific properties added:
</div>
<ul class="params-list">
<li class="param">
<code class="param-name">prevVal</code>
<span class="type">Any</span>
<div class="param-description">The value of the attribute, prior to it being set.</div>
</li>
<li class="param">
<code class="param-name">newVal</code>
<span class="type">Any</span>
<div class="param-description">The value the attribute is to be set to.</div>
</li>
<li class="param">
<code class="param-name">attrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">The name of the attribute being set.</div>
</li>
<li class="param">
<code class="param-name">subAttrName</code>
<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>
<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="events" class="api-class-tabpanel">
<h2 class="off-left">Events</h2>
<div id="event_markerEvent:click" class="events item inherited">
<h3 class="name"><code>markerEvent:click</code></h3>
<span class="type"></span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#event_markerEvent:click">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l798"><code>charts/js/ChartBase.js:798</code></a>
</p>
</div>
<div class="description">
<p>Broadcasts when <code>interactionType</code> is set to <code>marker</code> and a series marker has received a click event.</p>
</div>
<div class="params">
<h4>Event Payload:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
<p>Event facade with the following additional
properties:
<dl>
<dt>categoryItem</dt><dd>Hash containing information about the category <code>Axis</code>.</dd>
<dt>valueItem</dt><dd>Hash containing information about the value <code>Axis</code>.</dd>
<dt>node</dt><dd>The dom node of the marker.</dd>
<dt>x</dt><dd>The x-coordinate of the mouse in relation to the Chart.</dd>
<dt>y</dt><dd>The y-coordinate of the mouse in relation to the Chart.</dd>
<dt>pageX</dt><dd>The x location of the event on the page (including scroll)</dd>
<dt>pageY</dt><dd>The y location of the event on the page (including scroll)</dd>
<dt>series</dt><dd>Reference to the series of the marker.</dd>
<dt>index</dt><dd>Index of the marker in the series.</dd>
<dt>seriesIndex</dt><dd>The <code>order</code> of the marker's series.</dd>
<dt>originEvent</dt><dd>Underlying dom event.</dd>
</dl></p>
</div>
</li>
</ul>
</div>
</div>
<div id="event_markerEvent:mousedown" class="events item inherited">
<h3 class="name"><code>markerEvent:mousedown</code></h3>
<span class="type"></span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#event_markerEvent:mousedown">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l762"><code>charts/js/ChartBase.js:762</code></a>
</p>
</div>
<div class="description">
<p>Broadcasts when <code>interactionType</code> is set to <code>marker</code> and a series marker has received a mousedown event.</p>
</div>
<div class="params">
<h4>Event Payload:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
<p>Event facade with the following additional
properties:
<dl>
<dt>categoryItem</dt><dd>Hash containing information about the category <code>Axis</code>.</dd>
<dt>valueItem</dt><dd>Hash containing information about the value <code>Axis</code>.</dd>
<dt>node</dt><dd>The dom node of the marker.</dd>
<dt>x</dt><dd>The x-coordinate of the mouse in relation to the Chart.</dd>
<dt>y</dt><dd>The y-coordinate of the mouse in relation to the Chart.</dd>
<dt>series</dt><dd>Reference to the series of the marker.</dd>
<dt>index</dt><dd>Index of the marker in the series.</dd>
<dt>seriesIndex</dt><dd>The <code>order</code> of the marker's series.</dd>
</dl></p>
</div>
</li>
</ul>
</div>
</div>
<div id="event_markerEvent:mouseout" class="events item inherited">
<h3 class="name"><code>markerEvent:mouseout</code></h3>
<span class="type"></span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#event_markerEvent:mouseout">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l744"><code>charts/js/ChartBase.js:744</code></a>
</p>
</div>
<div class="description">
<p>Broadcasts when <code>interactionType</code> is set to <code>marker</code> and a series marker has received a mouseout event.</p>
</div>
<div class="params">
<h4>Event Payload:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
<p>Event facade with the following additional
properties:
<dl>
<dt>categoryItem</dt><dd>Hash containing information about the category <code>Axis</code>.</dd>
<dt>valueItem</dt><dd>Hash containing information about the value <code>Axis</code>.</dd>
<dt>node</dt><dd>The dom node of the marker.</dd>
<dt>x</dt><dd>The x-coordinate of the mouse in relation to the Chart.</dd>
<dt>y</dt><dd>The y-coordinate of the mouse in relation to the Chart.</dd>
<dt>series</dt><dd>Reference to the series of the marker.</dd>
<dt>index</dt><dd>Index of the marker in the series.</dd>
<dt>seriesIndex</dt><dd>The <code>order</code> of the marker's series.</dd>
</dl></p>
</div>
</li>
</ul>
</div>
</div>
<div id="event_markerEvent:mouseover" class="events item inherited">
<h3 class="name"><code>markerEvent:mouseover</code></h3>
<span class="type"></span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#event_markerEvent:mouseover">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l725"><code>charts/js/ChartBase.js:725</code></a>
</p>
</div>
<div class="description">
<p>Broadcasts when <code>interactionType</code> is set to <code>marker</code> and a series marker has received a mouseover event.</p>
</div>
<div class="params">
<h4>Event Payload:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
<p>Event facade with the following additional
properties:
<dl>
<dt>categoryItem</dt><dd>Hash containing information about the category <code>Axis</code>.</dd>
<dt>valueItem</dt><dd>Hash containing information about the value <code>Axis</code>.</dd>
<dt>node</dt><dd>The dom node of the marker.</dd>
<dt>x</dt><dd>The x-coordinate of the mouse in relation to the Chart.</dd>
<dt>y</dt><dd>The y-coordinate of the mouse in relation to the Chart.</dd>
<dt>series</dt><dd>Reference to the series of the marker.</dd>
<dt>index</dt><dd>Index of the marker in the series.</dd>
<dt>seriesIndex</dt><dd>The <code>order</code> of the marker's series.</dd>
</dl></p>
</div>
</li>
</ul>
</div>
</div>
<div id="event_markerEvent:mouseup" class="events item inherited">
<h3 class="name"><code>markerEvent:mouseup</code></h3>
<span class="type"></span>
<div class="meta">
<p>Inherited from
<a href="../classes/ChartBase.html#event_markerEvent:mouseup">ChartBase</a>:
<a href="../files/charts_js_ChartBase.js.html#l780"><code>charts/js/ChartBase.js:780</code></a>
</p>
</div>
<div class="description">
<p>Broadcasts when <code>interactionType</code> is set to <code>marker</code> and a series marker has received a mouseup event.</p>
</div>
<div class="params">
<h4>Event Payload:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
<p>Event facade with the following additional
properties:
<dl>
<dt>categoryItem</dt><dd>Hash containing information about the category <code>Axis</code>.</dd>
<dt>valueItem</dt><dd>Hash containing information about the value <code>Axis</code>.</dd>
<dt>node</dt><dd>The dom node of the marker.</dd>
<dt>x</dt><dd>The x-coordinate of the mouse in relation to the Chart.</dd>
<dt>y</dt><dd>The y-coordinate of the mouse in relation to the Chart.</dd>
<dt>series</dt><dd>Reference to the series of the marker.</dd>
<dt>index</dt><dd>Index of the marker in the series.</dd>
<dt>seriesIndex</dt><dd>The <code>order</code> of the marker's series.</dd>
</dl></p>
</div>
</li>
</ul>
</div>
</div>
<div id="event_planarEvent:mouseout" class="events item">
<h3 class="name"><code>planarEvent:mouseout</code></h3>
<span class="type"></span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l169"><code>charts/js/CartesianChart.js:169</code></a>
</p>
</div>
<div class="description">
<p>Broadcasts when <code>interactionType</code> is set to <code>planar</code> and a series' marker plane has received a mouseout event.</p>
</div>
<div class="params">
<h4>Event Payload:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
</div>
</li>
</ul>
</div>
</div>
<div id="event_planarEvent:mouseover" class="events item">
<h3 class="name"><code>planarEvent:mouseover</code></h3>
<span class="type"></span>
<div class="meta">
<p>
Defined in
<a href="../files/charts_js_CartesianChart.js.html#l147"><code>charts/js/CartesianChart.js:147</code></a>
</p>
</div>
<div class="description">
<p>Broadcasts when <code>interactionType</code> is set to <code>planar</code> and a series' marker plane has received a mouseover event.</p>
</div>
<div class="params">
<h4>Event Payload:</h4>
<ul class="params-list">
<li class="param">
<code class="param-name">e</code>
<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>
<div class="param-description">
<p>Event facade with the following additional
properties:
<dl>
<dt>categoryItem</dt><dd>An array of hashes, each containing information about the category <code>Axis</code> of each marker
whose plane has been intersected.</dd>
<dt>valueItem</dt><dd>An array of hashes, each containing information about the value <code>Axis</code> of each marker whose
plane has been intersected.</dd>
<dt>x</dt><dd>The x-coordinate of the mouse in relation to the Chart.</dd>
<dt>y</dt><dd>The y-coordinate of the mouse in relation to the Chart.</dd>
<dt>pageX</dt><dd>The x location of the event on the page (including scroll)</dd>
<dt>pageY</dt><dd>The y location of the event on the page (including scroll)</dd>
<dt>items</dt><dd>An array including all the series which contain a marker whose plane has been intersected.</dd>
<dt>index</dt><dd>Index of the markers in their respective series.</dd>
<dt>originEvent</dt><dd>Underlying dom event.</dd>
</dl></p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="../assets/vendor/prettify/prettify-min.js"></script>
<script>prettyPrint();</script>
<script src="../assets/js/yui-prettify.js"></script>
<script src="../assets/../api.js"></script>
<script src="../assets/js/api-filter.js"></script>
<script src="../assets/js/api-list.js"></script>
<script src="../assets/js/api-search.js"></script>
<script src="../assets/js/apidocs.js"></script>
</body>
</html>