开通博客赚积分
发布资源赚积分
分类

源码开发语言/平台
当前位置：首页 > 源码/资料 > Java编程 > JavaScript > 查看源码
Chart.js
资源名称：ext-3.1.0.zip　[点击查看]
上传用户：dawnssy
上传日期：2022-08-06
资源大小：9345k
文件大小：24k
源码类别：

JavaScript

开发平台：

JavaScript

Chart.js：源码内容
  1. /*!  * Ext JS Library 3.1.0  * Copyright(c) 2006-2009 Ext JS, LLC  * licensing@extjs.com  * http://www.extjs.com/license  */ /**
  2.  * @class Ext.chart.Chart
  3.  * @extends Ext.FlashComponent
  4.  * The Ext.chart package provides the capability to visualize data with flash based charting.
  5.  * Each chart binds directly to an Ext.data.Store enabling automatic updates of the chart.
  6.  * To change the look and feel of a chart, see the {@link #chartStyle} and {@link #extraStyle} config options.
  7.  * @constructor
  8.  * @xtype chart
  9.  */
  10.  
  11.  Ext.chart.Chart = Ext.extend(Ext.FlashComponent, {
  12.     refreshBuffer: 100,
  13.     
  14.     /**
  15.      * @cfg {String} backgroundColor
  16.      * @hide
  17.      */
  19.     /**
  20.      * @cfg {Object} chartStyle
  21.      * Sets styles for this chart. This contains default styling, so modifying this property will <b>override</b>
  22.      * the built in styles of the chart. Use {@link #extraStyle} to add customizations to the default styling. 
  23.      */
  24.     chartStyle: {
  25.         padding: 10,
  26.         animationEnabled: true,
  27.         font: {
  28.             name: 'Tahoma',
  29.             color: 0x444444,
  30.             size: 11
  31.         },
  32.         dataTip: {
  33.             padding: 5,
  34.             border: {
  35.                 color: 0x99bbe8,
  36.                 size:1
  37.             },
  38.             background: {
  39.                 color: 0xDAE7F6,
  40.                 alpha: .9
  41.             },
  42.             font: {
  43.                 name: 'Tahoma',
  44.                 color: 0x15428B,
  45.                 size: 10,
  46.                 bold: true
  47.             }
  48.         }
  49.     },
  50.     
  51.     /**
  52.      * @cfg {String} url
  53.      * The url to load the chart from. This defaults to Ext.chart.Chart.CHART_URL, which should
  54.      * be modified to point to the local charts resource.
  55.      */
  56.     
  57.     /**
  58.      * @cfg {Object} extraStyle
  59.      * Contains extra styles that will be added or overwritten to the default chartStyle. Defaults to <tt>null</tt>.
  60.      * For a detailed list of the options available, visit the YUI Charts site 
  61.      * at <a href="http://developer.yahoo.com/yui/charts/#basicstyles">http://developer.yahoo.com/yui/charts/#basicstyles</a><br/>
  62.      * Some of the options availabe:<br />
  63.      * <ul style="padding:5px;padding-left:16px;list-style-type:inherit;">
  64.      * <li><b>padding</b> - The space around the edge of the chart's contents. Padding does not increase the size of the chart.</li>
  65.      * <li><b>animationEnabled</b> - A Boolean value that specifies whether marker animations are enabled or not. Enabled by default.</li>
  66.      * <li><b>font</b> - An Object defining the font style to be used in the chart. Defaults to <tt>{ name: 'Tahoma', color: 0x444444, size: 11 }</tt><br/>
  67.      *  <ul style="padding:5px;padding-left:26px;list-style-type:circle;">
  68.      *      <li><b>name</b> - font name</li>
  69.      *      <li><b>color</b> - font color (hex code, ie: "#ff0000", "ff0000" or 0xff0000)</li>
  70.      *      <li><b>size</b> - font size in points (numeric portion only, ie: 11)</li>
  71.      *      <li><b>bold</b> - boolean</li>
  72.      *      <li><b>italic</b> - boolean</li>
  73.      *      <li><b>underline</b> - boolean</li>
  74.      *  </ul>
  75.      * </li>
  76.      * <li><b>border</b> - An object defining the border style around the chart. The chart itself will decrease in dimensions to accomodate the border.<br/>
  77.      *  <ul style="padding:5px;padding-left:26px;list-style-type:circle;">
  78.      *      <li><b>color</b> - border color (hex code, ie: "#ff0000", "ff0000" or 0xff0000)</li>
  79.      *      <li><b>size</b> - border size in pixels (numeric portion only, ie: 1)</li>
  80.      *  </ul>
  81.      * </li>
  82.      * <li><b>background</b> - An object defining the background style of the chart.<br/>
  83.      *  <ul style="padding:5px;padding-left:26px;list-style-type:circle;">
  84.      *      <li><b>color</b> - border color (hex code, ie: "#ff0000", "ff0000" or 0xff0000)</li>
  85.      *      <li><b>image</b> - an image URL. May be relative to the current document or absolute.</li>
  86.      *  </ul>
  87.      * </li>
  88.      * <li><b>legend</b> - An object defining the legend style<br/>
  89.      *  <ul style="padding:5px;padding-left:26px;list-style-type:circle;">
  90.      *      <li><b>display</b> - location of the legend. Possible values are "none", "left", "right", "top", and "bottom".</li>
  91.      *      <li><b>spacing</b> - an image URL. May be relative to the current document or absolute.</li>
  92.      *      <li><b>padding, border, background, font</b> - same options as described above.</li>
  93.      *  </ul></li>
  94.      * <li><b>dataTip</b> - An object defining the style of the data tip (tooltip).<br/>
  95.      *  <ul style="padding:5px;padding-left:26px;list-style-type:circle;">
  96.      *      <li><b>padding, border, background, font</b> - same options as described above.</li>
  97.      *  </ul></li>
  98.      * <li><b>xAxis and yAxis</b> - An object defining the style of the style of either axis.<br/>
  99.      *  <ul style="padding:5px;padding-left:26px;list-style-type:circle;">
  100.      *      <li><b>color</b> - same option as described above.</li>
  101.      *      <li><b>size</b> - same option as described above.</li>
  102.      *      <li><b>showLabels</b> - boolean</li>
  103.      *      <li><b>labelRotation</b> - a value in degrees from -90 through 90. Default is zero.</li>
  104.      *  </ul></li>
  105.      * <li><b>majorGridLines and minorGridLines</b> - An object defining the style of the style of the grid lines.<br/>
  106.      *  <ul style="padding:5px;padding-left:26px;list-style-type:circle;">
  107.      *      <li><b>color, size</b> - same options as described above.</li>
  108.      *  </ul></li></li>
  109.      * <li><b>zeroGridLine</b> - An object defining the style of the style of the zero grid line.<br/>
  110.      *  <ul style="padding:5px;padding-left:26px;list-style-type:circle;">
  111.      *      <li><b>color, size</b> - same options as described above.</li>
  112.      *  </ul></li></li>
  113.      * <li><b>majorTicks and minorTicks</b> - An object defining the style of the style of ticks in the chart.<br/>
  114.      *  <ul style="padding:5px;padding-left:26px;list-style-type:circle;">
  115.      *      <li><b>color, size</b> - same options as described above.</li>
  116.      *      <li><b>length</b> - the length of each tick in pixels extending from the axis.</li>
  117.      *      <li><b>display</b> - how the ticks are drawn. Possible values are "none", "inside", "outside", and "cross".</li>
  118.      *  </ul></li></li>
  119.      * </ul>
  120.      */
  121.     extraStyle: null,
  122.     
  123.     /**
  124.      * @cfg {Object} seriesStyles
  125.      * Contains styles to apply to the series after a refresh. Defaults to <tt>null</tt>.
  126.      */
  127.     seriesStyles: null,
  128.     
  129.     /**
  130.      * @cfg {Boolean} disableCaching
  131.      * True to add a "cache buster" to the end of the chart url. Defaults to true for Opera and IE.
  132.      */
  133.     disableCaching: Ext.isIE || Ext.isOpera,
  134.     disableCacheParam: '_dc',
  136.     initComponent : function(){
  137.         Ext.chart.Chart.superclass.initComponent.call(this);
  138.         if(!this.url){
  139.             this.url = Ext.chart.Chart.CHART_URL;
  140.         }
  141.         if(this.disableCaching){
  142.             this.url = Ext.urlAppend(this.url, String.format('{0}={1}', this.disableCacheParam, new Date().getTime()));
  143.         }
  144.         this.addEvents(
  145.             'itemmouseover',
  146.             'itemmouseout',
  147.             'itemclick',
  148.             'itemdoubleclick',
  149.             'itemdragstart',
  150.             'itemdrag',
  151.             'itemdragend',
  152.             /**
  153.              * @event beforerefresh
  154.              * Fires before a refresh to the chart data is called.  If the beforerefresh handler returns
  155.              * <tt>false</tt> the {@link #refresh} action will be cancelled.
  156.              * @param {Chart} this
  157.              */
  158.             'beforerefresh',
  159.             /**
  160.              * @event refresh
  161.              * Fires after the chart data has been refreshed.
  162.              * @param {Chart} this
  163.              */
  164.             'refresh'
  165.         );
  166.         this.store = Ext.StoreMgr.lookup(this.store);
  167.     },
  169.     /**
  170.      * Sets a single style value on the Chart instance.
  171.      *
  172.      * @param name {String} Name of the Chart style value to change.
  173.      * @param value {Object} New value to pass to the Chart style.
  174.      */
  175.      setStyle: function(name, value){
  176.          this.swf.setStyle(name, Ext.encode(value));
  177.      },
  179.     /**
  180.      * Resets all styles on the Chart instance.
  181.      *
  182.      * @param styles {Object} Initializer for all Chart styles.
  183.      */
  184.     setStyles: function(styles){
  185.         this.swf.setStyles(Ext.encode(styles));
  186.     },
  188.     /**
  189.      * Sets the styles on all series in the Chart.
  190.      *
  191.      * @param styles {Array} Initializer for all Chart series styles.
  192.      */
  193.     setSeriesStyles: function(styles){
  194.         this.seriesStyles = styles;
  195.         var s = [];
  196.         Ext.each(styles, function(style){
  197.             s.push(Ext.encode(style));
  198.         });
  199.         this.swf.setSeriesStyles(s);
  200.     },
  202.     setCategoryNames : function(names){
  203.         this.swf.setCategoryNames(names);
  204.     },
  206.     setTipRenderer : function(fn){
  207.         var chart = this;
  208.         this.tipFnName = this.createFnProxy(function(item, index, series){
  209.             var record = chart.store.getAt(index);
  210.             return fn(chart, record, index, series);
  211.         }, this.tipFnName);
  212.         this.swf.setDataTipFunction(this.tipFnName);
  213.     },
  215.     setSeries : function(series){
  216.         this.series = series;
  217.         this.refresh();
  218.     },
  220.     /**
  221.      * Changes the data store bound to this chart and refreshes it.
  222.      * @param {Store} store The store to bind to this chart
  223.      */
  224.     bindStore : function(store, initial){
  225.         if(!initial && this.store){
  226.             if(store !== this.store && this.store.autoDestroy){
  227.                 this.store.destroy();
  228.             }else{
  229.                 this.store.un("datachanged", this.refresh, this);
  230.                 this.store.un("add", this.delayRefresh, this);
  231.                 this.store.un("remove", this.delayRefresh, this);
  232.                 this.store.un("update", this.delayRefresh, this);
  233.                 this.store.un("clear", this.refresh, this);
  234.             }
  235.         }
  236.         if(store){
  237.             store = Ext.StoreMgr.lookup(store);
  238.             store.on({
  239.                 scope: this,
  240.                 datachanged: this.refresh,
  241.                 add: this.delayRefresh,
  242.                 remove: this.delayRefresh,
  243.                 update: this.delayRefresh,
  244.                 clear: this.refresh
  245.             });
  246.         }
  247.         this.store = store;
  248.         if(store && !initial){
  249.             this.refresh();
  250.         }
  251.     },
  253.     onSwfReady : function(isReset){
  254.         Ext.chart.Chart.superclass.onSwfReady.call(this, isReset);
  255.         this.swf.setType(this.type);
  257.         if(this.chartStyle){
  258.             this.setStyles(Ext.apply({}, this.extraStyle, this.chartStyle));
  259.         }
  261.         if(this.categoryNames){
  262.             this.setCategoryNames(this.categoryNames);
  263.         }
  265.         if(this.tipRenderer){
  266.             this.setTipRenderer(this.tipRenderer);
  267.         }
  268.         if(!isReset){
  269.             this.bindStore(this.store, true);
  270.         }
  271.         this.refresh.defer(10, this);
  272.     },
  274.     delayRefresh : function(){
  275.         if(!this.refreshTask){
  276.             this.refreshTask = new Ext.util.DelayedTask(this.refresh, this);
  277.         }
  278.         this.refreshTask.delay(this.refreshBuffer);
  279.     },
  281.     refresh : function(){
  282.         if(this.fireEvent('beforerefresh', this) !== false){
  283.         var styleChanged = false;
  284.         // convert the store data into something YUI charts can understand
  285.         var data = [], rs = this.store.data.items;
  286.         for(var j = 0, len = rs.length; j < len; j++){
  287.             data[j] = rs[j].data;
  288.         }
  289.         //make a copy of the series definitions so that we aren't
  290.         //editing them directly.
  291.         var dataProvider = [];
  292.         var seriesCount = 0;
  293.         var currentSeries = null;
  294.         var i = 0;
  295.         if(this.series){
  296.             seriesCount = this.series.length;
  297.             for(i = 0; i < seriesCount; i++){
  298.                 currentSeries = this.series[i];
  299.                 var clonedSeries = {};
  300.                 for(var prop in currentSeries){
  301.                     if(prop == "style" && currentSeries.style !== null){
  302.                         clonedSeries.style = Ext.encode(currentSeries.style);
  303.                         styleChanged = true;
  304.                         //we don't want to modify the styles again next time
  305.                         //so null out the style property.
  306.                         // this causes issues
  307.                         // currentSeries.style = null;
  308.                     } else{
  309.                         clonedSeries[prop] = currentSeries[prop];
  310.                     }
  311.                 }
  312.                 dataProvider.push(clonedSeries);
  313.             }
  314.         }
  316.         if(seriesCount > 0){
  317.             for(i = 0; i < seriesCount; i++){
  318.                 currentSeries = dataProvider[i];
  319.                 if(!currentSeries.type){
  320.                     currentSeries.type = this.type;
  321.                 }
  322.                 currentSeries.dataProvider = data;
  323.             }
  324.         } else{
  325.             dataProvider.push({type: this.type, dataProvider: data});
  326.         }
  327.         this.swf.setDataProvider(dataProvider);
  328.         if(this.seriesStyles){
  329.             this.setSeriesStyles(this.seriesStyles);
  330.         }
  331.             this.fireEvent('refresh', this);
  332.         }
  333.     },
  335.     createFnProxy : function(fn, old){
  336.         if(old){
  337.             delete window[old];
  338.         }
  339.         var fnName = "extFnProxy" + (++Ext.chart.Chart.PROXY_FN_ID);
  340.         window[fnName] = fn;
  341.         return fnName;
  342.     },
  343.     
  344.     onDestroy: function(){
  345.         Ext.chart.Chart.superclass.onDestroy.call(this);
  346.         this.bindStore(null);
  347.         var tip = this.tipFnName;
  348.         if(!Ext.isEmpty(tip)){
  349.             delete window[tip];
  350.         }
  351.     }
  352. });
  353. Ext.reg('chart', Ext.chart.Chart);
  354. Ext.chart.Chart.PROXY_FN_ID = 0;
  356. /**
  357.  * Sets the url to load the chart from. This should be set to a local resource.
  358.  * @static
  359.  * @type String
  360.  */
  361. Ext.chart.Chart.CHART_URL = 'http:/' + '/yui.yahooapis.com/2.7.0/build/charts/assets/charts.swf';
  363. /**
  364.  * @class Ext.chart.PieChart
  365.  * @extends Ext.chart.Chart
  366.  * @constructor
  367.  * @xtype piechart
  368.  */
  369. Ext.chart.PieChart = Ext.extend(Ext.chart.Chart, {
  370.     type: 'pie',
  372.     onSwfReady : function(isReset){
  373.         Ext.chart.PieChart.superclass.onSwfReady.call(this, isReset);
  375.         this.setDataField(this.dataField);
  376.         this.setCategoryField(this.categoryField);
  377.     },
  379.     setDataField : function(field){
  380.         this.dataField = field;
  381.         this.swf.setDataField(field);
  382.     },
  384.     setCategoryField : function(field){
  385.         this.categoryField = field;
  386.         this.swf.setCategoryField(field);
  387.     }
  388. });
  389. Ext.reg('piechart', Ext.chart.PieChart);
  391. /**
  392.  * @class Ext.chart.CartesianChart
  393.  * @extends Ext.chart.Chart
  394.  * @constructor
  395.  * @xtype cartesianchart
  396.  */
  397. Ext.chart.CartesianChart = Ext.extend(Ext.chart.Chart, {
  398.     onSwfReady : function(isReset){
  399.         Ext.chart.CartesianChart.superclass.onSwfReady.call(this, isReset);
  401.         if(this.xField){
  402.             this.setXField(this.xField);
  403.         }
  404.         if(this.yField){
  405.             this.setYField(this.yField);
  406.         }
  407.         if(this.xAxis){
  408.             this.setXAxis(this.xAxis);
  409.         }
  410.         if(this.yAxis){
  411.             this.setYAxis(this.yAxis);
  412.         }
  413.     },
  415.     setXField : function(value){
  416.         this.xField = value;
  417.         this.swf.setHorizontalField(value);
  418.     },
  420.     setYField : function(value){
  421.         this.yField = value;
  422.         this.swf.setVerticalField(value);
  423.     },
  425.     setXAxis : function(value){
  426.         this.xAxis = this.createAxis('xAxis', value);
  427.         this.swf.setHorizontalAxis(this.xAxis);
  428.     },
  430.     setYAxis : function(value){
  431.         this.yAxis = this.createAxis('yAxis', value);
  432.         this.swf.setVerticalAxis(this.yAxis);
  433.     },
  435.     createAxis : function(axis, value){
  436.         var o = Ext.apply({}, value), oldFn = null;
  437.         if(this[axis]){
  438.             oldFn = this[axis].labelFunction;
  439.         }
  440.         if(o.labelRenderer){
  441.             var fn = o.labelRenderer;
  442.             o.labelFunction = this.createFnProxy(function(v){
  443.                 return fn(v);
  444.             }, oldFn);
  445.             delete o.labelRenderer;
  446.         }
  447.         return o;
  448.     }
  449. });
  450. Ext.reg('cartesianchart', Ext.chart.CartesianChart);
  452. /**
  453.  * @class Ext.chart.LineChart
  454.  * @extends Ext.chart.CartesianChart
  455.  * @constructor
  456.  * @xtype linechart
  457.  */
  458. Ext.chart.LineChart = Ext.extend(Ext.chart.CartesianChart, {
  459.     type: 'line'
  460. });
  461. Ext.reg('linechart', Ext.chart.LineChart);
  463. /**
  464.  * @class Ext.chart.ColumnChart
  465.  * @extends Ext.chart.CartesianChart
  466.  * @constructor
  467.  * @xtype columnchart
  468.  */
  469. Ext.chart.ColumnChart = Ext.extend(Ext.chart.CartesianChart, {
  470.     type: 'column'
  471. });
  472. Ext.reg('columnchart', Ext.chart.ColumnChart);
  474. /**
  475.  * @class Ext.chart.StackedColumnChart
  476.  * @extends Ext.chart.CartesianChart
  477.  * @constructor
  478.  * @xtype stackedcolumnchart
  479.  */
  480. Ext.chart.StackedColumnChart = Ext.extend(Ext.chart.CartesianChart, {
  481.     type: 'stackcolumn'
  482. });
  483. Ext.reg('stackedcolumnchart', Ext.chart.StackedColumnChart);
  485. /**
  486.  * @class Ext.chart.BarChart
  487.  * @extends Ext.chart.CartesianChart
  488.  * @constructor
  489.  * @xtype barchart
  490.  */
  491. Ext.chart.BarChart = Ext.extend(Ext.chart.CartesianChart, {
  492.     type: 'bar'
  493. });
  494. Ext.reg('barchart', Ext.chart.BarChart);
  496. /**
  497.  * @class Ext.chart.StackedBarChart
  498.  * @extends Ext.chart.CartesianChart
  499.  * @constructor
  500.  * @xtype stackedbarchart
  501.  */
  502. Ext.chart.StackedBarChart = Ext.extend(Ext.chart.CartesianChart, {
  503.     type: 'stackbar'
  504. });
  505. Ext.reg('stackedbarchart', Ext.chart.StackedBarChart);
  509. /**
  510.  * @class Ext.chart.Axis
  511.  * Defines a CartesianChart's vertical or horizontal axis.
  512.  * @constructor
  513.  */
  514. Ext.chart.Axis = function(config){
  515.     Ext.apply(this, config);
  516. };
  518. Ext.chart.Axis.prototype =
  519. {
  520.     /**
  521.      * The type of axis.
  522.      *
  523.      * @property type
  524.      * @type String
  525.      */
  526.     type: null,
  528.     /**
  529.      * The direction in which the axis is drawn. May be "horizontal" or "vertical".
  530.      *
  531.      * @property orientation
  532.      * @type String
  533.      */
  534.     orientation: "horizontal",
  536.     /**
  537.      * If true, the items on the axis will be drawn in opposite direction.
  538.      *
  539.      * @property reverse
  540.      * @type Boolean
  541.      */
  542.     reverse: false,
  544.     /**
  545.      * A string reference to the globally-accessible function that may be called to
  546.      * determine each of the label values for this axis.
  547.      *
  548.      * @property labelFunction
  549.      * @type String
  550.      */
  551.     labelFunction: null,
  553.     /**
  554.      * If true, labels that overlap previously drawn labels on the axis will be hidden.
  555.      *
  556.      * @property hideOverlappingLabels
  557.      * @type Boolean
  558.      */
  559.     hideOverlappingLabels: true
  560. };
  562. /**
  563.  * @class Ext.chart.NumericAxis
  564.  * @extends Ext.chart.Axis
  565.  * A type of axis whose units are measured in numeric values.
  566.  * @constructor
  567.  */
  568. Ext.chart.NumericAxis = Ext.extend(Ext.chart.Axis, {
  569.     type: "numeric",
  571.     /**
  572.      * The minimum value drawn by the axis. If not set explicitly, the axis minimum
  573.      * will be calculated automatically.
  574.      *
  575.      * @property minimum
  576.      * @type Number
  577.      */
  578.     minimum: NaN,
  580.     /**
  581.      * The maximum value drawn by the axis. If not set explicitly, the axis maximum
  582.      * will be calculated automatically.
  583.      *
  584.      * @property maximum
  585.      * @type Number
  586.      */
  587.     maximum: NaN,
  589.     /**
  590.      * The spacing between major intervals on this axis.
  591.      *
  592.      * @property majorUnit
  593.      * @type Number
  594.      */
  595.     majorUnit: NaN,
  597.     /**
  598.      * The spacing between minor intervals on this axis.
  599.      *
  600.      * @property minorUnit
  601.      * @type Number
  602.      */
  603.     minorUnit: NaN,
  605.     /**
  606.      * If true, the labels, ticks, gridlines, and other objects will snap to
  607.      * the nearest major or minor unit. If false, their position will be based
  608.      * on the minimum value.
  609.      *
  610.      * @property snapToUnits
  611.      * @type Boolean
  612.      */
  613.     snapToUnits: true,
  615.     /**
  616.      * If true, and the bounds are calculated automatically, either the minimum or
  617.      * maximum will be set to zero.
  618.      *
  619.      * @property alwaysShowZero
  620.      * @type Boolean
  621.      */
  622.     alwaysShowZero: true,
  624.     /**
  625.      * The scaling algorithm to use on this axis. May be "linear" or "logarithmic".
  626.      *
  627.      * @property scale
  628.      * @type String
  629.      */
  630.     scale: "linear"
  631. });
  633. /**
  634.  * @class Ext.chart.TimeAxis
  635.  * @extends Ext.chart.Axis
  636.  * A type of axis whose units are measured in time-based values.
  637.  * @constructor
  638.  */
  639. Ext.chart.TimeAxis = Ext.extend(Ext.chart.Axis, {
  640.     type: "time",
  642.     /**
  643.      * The minimum value drawn by the axis. If not set explicitly, the axis minimum
  644.      * will be calculated automatically.
  645.      *
  646.      * @property minimum
  647.      * @type Date
  648.      */
  649.     minimum: null,
  651.     /**
  652.      * The maximum value drawn by the axis. If not set explicitly, the axis maximum
  653.      * will be calculated automatically.
  654.      *
  655.      * @property maximum
  656.      * @type Number
  657.      */
  658.     maximum: null,
  660.     /**
  661.      * The spacing between major intervals on this axis.
  662.      *
  663.      * @property majorUnit
  664.      * @type Number
  665.      */
  666.     majorUnit: NaN,
  668.     /**
  669.      * The time unit used by the majorUnit.
  670.      *
  671.      * @property majorTimeUnit
  672.      * @type String
  673.      */
  674.     majorTimeUnit: null,
  676.     /**
  677.      * The spacing between minor intervals on this axis.
  678.      *
  679.      * @property majorUnit
  680.      * @type Number
  681.      */
  682.     minorUnit: NaN,
  684.     /**
  685.      * The time unit used by the minorUnit.
  686.      *
  687.      * @property majorTimeUnit
  688.      * @type String
  689.      */
  690.     minorTimeUnit: null,
  692.     /**
  693.      * If true, the labels, ticks, gridlines, and other objects will snap to
  694.      * the nearest major or minor unit. If false, their position will be based
  695.      * on the minimum value.
  696.      *
  697.      * @property snapToUnits
  698.      * @type Boolean
  699.      */
  700.     snapToUnits: true
  701. });
  703. /**
  704.  * @class Ext.chart.CategoryAxis
  705.  * @extends Ext.chart.Axis
  706.  * A type of axis that displays items in categories.
  707.  * @constructor
  708.  */
  709. Ext.chart.CategoryAxis = Ext.extend(Ext.chart.Axis, {
  710.     type: "category",
  712.     /**
  713.      * A list of category names to display along this axis.
  714.      *
  715.      * @property categoryNames
  716.      * @type Array
  717.      */
  718.     categoryNames: null
  719. });
  721. /**
  722.  * @class Ext.chart.Series
  723.  * Series class for the charts widget.
  724.  * @constructor
  725.  */
  726. Ext.chart.Series = function(config) { Ext.apply(this, config); };
  728. Ext.chart.Series.prototype =
  729. {
  730.     /**
  731.      * The type of series.
  732.      *
  733.      * @property type
  734.      * @type String
  735.      */
  736.     type: null,
  738.     /**
  739.      * The human-readable name of the series.
  740.      *
  741.      * @property displayName
  742.      * @type String
  743.      */
  744.     displayName: null
  745. };
  747. /**
  748.  * @class Ext.chart.CartesianSeries
  749.  * @extends Ext.chart.Series
  750.  * CartesianSeries class for the charts widget.
  751.  * @constructor
  752.  */
  753. Ext.chart.CartesianSeries = Ext.extend(Ext.chart.Series, {
  754.     /**
  755.      * The field used to access the x-axis value from the items from the data source.
  756.      *
  757.      * @property xField
  758.      * @type String
  759.      */
  760.     xField: null,
  762.     /**
  763.      * The field used to access the y-axis value from the items from the data source.
  764.      *
  765.      * @property yField
  766.      * @type String
  767.      */
  768.     yField: null
  769. });
  771. /**
  772.  * @class Ext.chart.ColumnSeries
  773.  * @extends Ext.chart.CartesianSeries
  774.  * ColumnSeries class for the charts widget.
  775.  * @constructor
  776.  */
  777. Ext.chart.ColumnSeries = Ext.extend(Ext.chart.CartesianSeries, {
  778.     type: "column"
  779. });
  781. /**
  782.  * @class Ext.chart.LineSeries
  783.  * @extends Ext.chart.CartesianSeries
  784.  * LineSeries class for the charts widget.
  785.  * @constructor
  786.  */
  787. Ext.chart.LineSeries = Ext.extend(Ext.chart.CartesianSeries, {
  788.     type: "line"
  789. });
  791. /**
  792.  * @class Ext.chart.BarSeries
  793.  * @extends Ext.chart.CartesianSeries
  794.  * BarSeries class for the charts widget.
  795.  * @constructor
  796.  */
  797. Ext.chart.BarSeries = Ext.extend(Ext.chart.CartesianSeries, {
  798.     type: "bar"
  799. });
  802. /**
  803.  * @class Ext.chart.PieSeries
  804.  * @extends Ext.chart.Series
  805.  * PieSeries class for the charts widget.
  806.  * @constructor
  807.  */
  808. Ext.chart.PieSeries = Ext.extend(Ext.chart.Series, {
  809.     type: "pie",
  810.     dataField: null,
  811.     categoryField: null
  812. });