item-series.src.js

/**
 * @license  Highcharts JS v6.0.4 (2017-12-15)
 *
 * Item series type for Highcharts
 *
 * (c) 2010-2017 Torstein Honsi
 *
 * License: www.highcharts.com/license
 */
'use strict';
(function(factory) {
    if (typeof module === 'object' && module.exports) {
        module.exports = factory;
    } else {
        factory(Highcharts);
    }
}(function(Highcharts) {
    (function(H) {
        /**
         * (c) 2009-2017 Torstein Honsi
         *
         * Item series type for Highcharts
         *
         * License: www.highcharts.com/license
         */

        /**
         * @todo
         * - Check update, remove etc.
         * - Custom icons like persons, carts etc. Either as images, font icons or
         *   Highcharts symbols.
         */
        var each = H.each,
            extend = H.extend,
            pick = H.pick,
            seriesType = H.seriesType;

        seriesType('item', 'column', {
            itemPadding: 0.2,
            marker: {
                symbol: 'circle',
                states: {
                    hover: {},
                    select: {}
                }
            }
        }, {
            drawPoints: function() {
                var series = this,
                    renderer = series.chart.renderer,
                    seriesMarkerOptions = this.options.marker;

                each(this.points, function(point) {
                    var yPos,
                        attr,
                        graphics,
                        itemY,
                        pointAttr,
                        pointMarkerOptions = point.marker || {},
                        symbol = (
                            pointMarkerOptions.symbol ||
                            seriesMarkerOptions.symbol
                        ),
                        size,
                        yTop;

                    point.graphics = graphics = point.graphics || {};
                    pointAttr = point.pointAttr ?
                        (
                            point.pointAttr[point.selected ? 'selected' : ''] ||
                            series.pointAttr['']
                        ) :
                        series.pointAttribs(point, point.selected && 'select');
                    delete pointAttr.r;

                    if (point.y !== null) {

                        if (!point.graphic) {
                            point.graphic = renderer.g('point').add(series.group);
                        }

                        itemY = point.y;
                        yTop = pick(point.stackY, point.y);
                        size = Math.min(
                            point.pointWidth,
                            (
                                series.yAxis.transA *
                                (1 - series.options.itemPadding)
                            )
                        );
                        for (yPos = yTop; yPos > yTop - point.y; yPos--) {

                            attr = {
                                x: point.barX + point.pointWidth / 2 - size / 2,
                                y: series.yAxis.toPixels(yPos, true) - size / 2,
                                width: size,
                                height: size
                            };

                            if (graphics[itemY]) {
                                graphics[itemY].animate(attr);
                            } else {
                                graphics[itemY] = renderer.symbol(symbol)
                                    .attr(extend(attr, pointAttr))
                                    .add(point.graphic);
                            }
                            graphics[itemY].isActive = true;
                            itemY--;
                        }
                    }
                    H.objectEach(graphics, function(graphic, key) {
                        if (!graphic.isActive) {
                            graphic.destroy();
                            delete graphic[key];
                        } else {
                            graphic.isActive = false;
                        }
                    });
                });

            }
        });


    }(Highcharts));
}));