You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
127 lines
4.1 KiB
JavaScript
127 lines
4.1 KiB
JavaScript
2 months ago
|
/**
|
||
|
|
* @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));
|
||
|
|
}));
|