123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150 |
- /* *
- *
- * (c) 2009-2019 Torstein Honsi
- *
- * Item series type for Highcharts
- *
- * License: www.highcharts.com/license
- *
- * */
- /**
- * @private
- * @todo
- * - Check update, remove etc.
- * - Custom icons like persons, carts etc. Either as images, font icons or
- * Highcharts symbols.
- */
- 'use strict';
- import H from '../parts/Globals.js';
- import '../parts/Utilities.js';
- import '../parts/Series.js';
- var extend = H.extend,
- pick = H.pick,
- seriesType = H.seriesType;
- /**
- * @private
- * @class
- * @name Highcharts.seriesTypes.item
- *
- * @augments Highcharts.Series
- */
- 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,
- itemPaddingTranslated = this.yAxis.transA *
- series.options.itemPadding,
- borderWidth = this.borderWidth,
- crisp = borderWidth % 2 ? 0.5 : 1;
- this.points.forEach(function (point) {
- var yPos,
- attr,
- graphics,
- itemY,
- pointAttr,
- pointMarkerOptions = point.marker || {},
- symbol = (
- pointMarkerOptions.symbol ||
- seriesMarkerOptions.symbol
- ),
- radius = pick(
- pointMarkerOptions.radius,
- seriesMarkerOptions.radius
- ),
- size,
- yTop,
- isSquare = symbol !== 'rect',
- x,
- y;
- 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 (series.chart.styledMode) {
- delete pointAttr.stroke;
- delete pointAttr['stroke-width'];
- }
- 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 - itemPaddingTranslated
- );
- for (yPos = yTop; yPos > yTop - point.y; yPos--) {
- x = point.barX + (
- isSquare ?
- point.pointWidth / 2 - size / 2 :
- 0
- );
- y = series.yAxis.toPixels(yPos, true) +
- itemPaddingTranslated / 2;
- if (series.options.crisp) {
- x = Math.round(x) - crisp;
- y = Math.round(y) + crisp;
- }
- attr = {
- x: x,
- y: y,
- width: Math.round(isSquare ? size : point.pointWidth),
- height: Math.round(size),
- r: radius
- };
- 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;
- }
- });
- });
- }
- });
- H.SVGRenderer.prototype.symbols.rect = function (x, y, w, h, options) {
- return H.SVGRenderer.prototype.symbols.callout(x, y, w, h, options);
- };
|