# Yahoo! UI Library

### charts 3.3.0

Yahoo! UI Library > charts > MarkerSeries.js (source view)
Search:
Filters Show Private Show Protected Show Deprecated

    /**
     * The MarkerSeries class renders quantitative data by plotting relevant data points
     * on a graph.
     *
     * @class MarkerSeries
     * @extends CartesianSeries
     * @uses Plots
     * @constructor
     */
    Y.MarkerSeries = Y.Base.create("markerSeries", Y.CartesianSeries, [Y.Plots], {
        /**
         * @private
         */
        renderUI: function()
        {
            this._setNode();
        },

        /**
         * @protected
         *
         * Draws the series.
         *
         * @method drawSeries
         */
        drawSeries: function()
        {
            this.drawPlots();
        },

        /**
         * @protected
         *
         * Method used by <code>styles</code> setter. Overrides base implementation.
         *
         * @method _setStyles
         * @param {Object} newStyles Hash of properties to update.
         * @return Object
         */
        _setStyles: function(val)
        {
            if(!val.marker)
            {
                val = {marker:val};
            }
            val = this._parseMarkerStyles(val);
            return Y.MarkerSeries.superclass._mergeStyles.apply(this, [val, this._getDefaultStyles()]);
        },

        /**
         * @protected
         *
         * Gets the default value for the <code>styles</code> attribute. Overrides
         * base implementation.
         *
         * @method _getDefaultStyles
         * @return Object
         */
        _getDefaultStyles: function()
        {
            var styles = this._mergeStyles({marker:this._getPlotDefaults()}, Y.MarkerSeries.superclass._getDefaultStyles());
            return styles;
        }
    },{
        ATTRS : {
            /**
             * Read-only attribute indicating the type of series.
             *
             * @attribute type
             * @type String
             * @default marker
             */
            type: {
                value:"marker"
            }

            /**
             * Style properties used for drawing markers. This attribute is inherited from <code>Renderer</code>. Below are the default values:
             *  <dl>
             *      <dt>fill</dt><dd>A hash containing the following values:
             *          <dl>
             *              <dt>color</dt><dd>Color of the fill. The default value is determined by the order of the series on the graph. The color
             *              will be retrieved from the below array:<br/>
             *              <code>["#6084d0", "#eeb647", "#6c6b5f", "#d6484f", "#ce9ed1", "#ff9f3b", "#93b7ff", "#e0ddd0", "#94ecba", "#309687"]</code>
             *              </dd>
             *              <dt>alpha</dt><dd>Number from 0 to 1 indicating the opacity of the marker fill. The default value is 1.</dd>
             *          </dl>
             *      </dd>
             *      <dt>border</dt><dd>A hash containing the following values:
             *          <dl>
             *              <dt>color</dt><dd>Color of the border. The default value is determined by the order of the series on the graph. The color
             *              will be retrieved from the below array:<br/>
             *              <code>["#205096", "#b38206", "#000000", "#94001e", "#9d6fa0", "#e55b00", "#5e85c9", "#adab9e", "#6ac291", "#006457"]</code>
             *              <dt>alpha</dt><dd>Number from 0 to 1 indicating the opacity of the marker border. The default value is 1.</dd>
             *              <dt>weight</dt><dd>Number indicating the width of the border. The default value is 1.</dd>
             *          </dl>
             *      </dd>
             *      <dt>width</dt><dd>indicates the width of the marker. The default value is 10.</dd>
             *      <dt>height</dt><dd>indicates the height of the marker The default value is 10.</dd>
             *      <dt>over</dt><dd>hash containing styles for markers when highlighted by a <code>mouseover</code> event. The default
             *      values for each style is null. When an over style is not set, the non-over value will be used. For example,
             *      the default value for <code>marker.over.fill.color</code> is equivalent to <code>marker.fill.color</code>.</dd>
             *  </dl>
             *
             * @attribute styles
             * @type Object
             */
        }
    });

Copyright © 2011 Yahoo! Inc. All rights reserved.