| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108 |
- /* *
- *
- * (c) 2009-2020 Torstein Honsi
- *
- * Dot plot series type for Highcharts
- *
- * License: www.highcharts.com/license
- *
- * !!!!!!! SOURCE GETS TRANSPILED BY TYPESCRIPT. EDIT TS FILE ONLY. !!!!!!!
- *
- * */
- /**
- * @private
- * @todo
- * - Check update, remove etc.
- * - Custom icons like persons, carts etc. Either as images, font icons or
- * Highcharts symbols.
- */
- 'use strict';
- import SVGRenderer from '../Core/Renderer/SVG/SVGRenderer.js';
- import U from '../Core/Utilities.js';
- var extend = U.extend, objectEach = U.objectEach, pick = U.pick, seriesType = U.seriesType;
- import '../Core/Series/Series.js';
- /**
- * @private
- * @class
- * @name Highcharts.seriesTypes.dotplot
- *
- * @augments Highcharts.Series
- */
- seriesType('dotplot', 'column', {
- itemPadding: 0.2,
- marker: {
- symbol: 'circle',
- states: {
- hover: {},
- select: {}
- }
- }
- }, {
- markerAttribs: void 0,
- 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--;
- }
- }
- objectEach(graphics, function (graphic, key) {
- if (!graphic.isActive) {
- graphic.destroy();
- delete graphic[key];
- }
- else {
- graphic.isActive = false;
- }
- });
- });
- }
- });
- SVGRenderer.prototype.symbols.rect = function (x, y, w, h, options) {
- return SVGRenderer.prototype.symbols.callout(x, y, w, h, options);
- };
|