devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
258 lines (257 loc) • 11.6 kB
JavaScript
/**
* DevExtreme (cjs/viz/series/financial_series.js)
* Version: 21.2.4
* Build date: Mon Dec 06 2021
*
* Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
"use strict";
exports.stock = exports.candlestick = void 0;
var _scatter_series = require("./scatter_series");
var _bar_series = require("./bar_series");
var _extend2 = require("../../core/utils/extend");
var _type = require("../../core/utils/type");
var _utils = require("../core/utils");
var _common = require("../../core/utils/common");
var barSeries = _bar_series.chart.bar;
var DEFAULT_FINANCIAL_POINT_SIZE = 10;
var stock = (0, _extend2.extend)({}, _scatter_series.chart, {
_animate: _common.noop,
_applyMarkerClipRect: function(settings) {
settings["clip-path"] = this._forceClipping ? this._paneClipRectID : this._widePaneClipRectID
},
_updatePointsVisibility: barSeries._updatePointsVisibility,
_getOptionsForPoint: barSeries._getOptionsForPoint,
_createErrorBarGroup: _common.noop,
areErrorBarsVisible: _common.noop,
_createGroups: _scatter_series.chart._createGroups,
_setMarkerGroupSettings: function() {
var markersGroup = this._markersGroup;
var styles = this._createPointStyles(this._getMarkerGroupOptions());
var defaultStyle = (0, _extend2.extend)(styles.normal, {
class: "default-markers"
});
var defaultPositiveStyle = (0, _extend2.extend)(styles.positive.normal, {
class: "default-positive-markers"
});
var reductionStyle = (0, _extend2.extend)(styles.reduction.normal, {
class: "reduction-markers"
});
var reductionPositiveStyle = (0, _extend2.extend)(styles.reductionPositive.normal, {
class: "reduction-positive-markers"
});
var markerSettings = {
class: "dxc-markers"
};
this._applyMarkerClipRect(markerSettings);
markersGroup.attr(markerSettings);
this._createGroup("defaultMarkersGroup", markersGroup, markersGroup, defaultStyle);
this._createGroup("reductionMarkersGroup", markersGroup, markersGroup, reductionStyle);
this._createGroup("defaultPositiveMarkersGroup", markersGroup, markersGroup, defaultPositiveStyle);
this._createGroup("reductionPositiveMarkersGroup", markersGroup, markersGroup, reductionPositiveStyle)
},
_setGroupsSettings: function() {
_scatter_series.chart._setGroupsSettings.call(this, false)
},
_getCreatingPointOptions: function() {
var defaultPointOptions;
var creatingPointOptions = this._predefinedPointOptions;
if (!creatingPointOptions) {
defaultPointOptions = this._getPointOptions();
this._predefinedPointOptions = creatingPointOptions = (0, _extend2.extend)(true, {
styles: {}
}, defaultPointOptions);
creatingPointOptions.styles.normal = creatingPointOptions.styles.positive.normal = creatingPointOptions.styles.reduction.normal = creatingPointOptions.styles.reductionPositive.normal = {
"stroke-width": defaultPointOptions.styles && defaultPointOptions.styles.normal && defaultPointOptions.styles.normal["stroke-width"]
}
}
return creatingPointOptions
},
_checkData: function(data, skippedFields) {
var valueFields = this.getValueFields();
return _scatter_series.chart._checkData.call(this, data, skippedFields, {
openValue: valueFields[0],
highValue: valueFields[1],
lowValue: valueFields[2],
closeValue: valueFields[3]
}) && data.highValue === data.highValue && data.lowValue === data.lowValue
},
_getPointDataSelector: function(data, options) {
var _this = this;
var that = this;
var level;
var valueFields = that.getValueFields();
var argumentField = that.getArgumentField();
var openValueField = valueFields[0];
var highValueField = valueFields[1];
var lowValueField = valueFields[2];
var closeValueField = valueFields[3];
that.level = that._options.reduction.level;
switch ((0, _utils.normalizeEnum)(that.level)) {
case "open":
level = openValueField;
break;
case "high":
level = highValueField;
break;
case "low":
level = lowValueField;
break;
default:
level = closeValueField;
that.level = "close"
}
var prevLevelValue;
return function(data) {
var reductionValue = data[level];
var isReduction = false;
if ((0, _type.isDefined)(reductionValue)) {
if ((0, _type.isDefined)(prevLevelValue)) {
isReduction = reductionValue < prevLevelValue
}
prevLevelValue = reductionValue
}
return {
argument: data[argumentField],
highValue: _this._processEmptyValue(data[highValueField]),
lowValue: _this._processEmptyValue(data[lowValueField]),
closeValue: _this._processEmptyValue(data[closeValueField]),
openValue: _this._processEmptyValue(data[openValueField]),
reductionValue: reductionValue,
tag: data[that.getTagField()],
isReduction: isReduction,
data: data
}
}
},
_parsePointStyle: function(style, defaultColor, innerColor) {
return {
stroke: style.color || defaultColor,
"stroke-width": style.width,
fill: style.color || innerColor
}
},
_getDefaultStyle: function(options) {
var mainPointColor = options.color || this._options.mainSeriesColor;
return {
normal: this._parsePointStyle(options, mainPointColor, mainPointColor),
hover: this._parsePointStyle(options.hoverStyle, mainPointColor, mainPointColor),
selection: this._parsePointStyle(options.selectionStyle, mainPointColor, mainPointColor)
}
},
_getReductionStyle: function(options) {
var reductionColor = options.reduction.color;
return {
normal: this._parsePointStyle({
color: reductionColor,
width: options.width,
hatching: options.hatching
}, reductionColor, reductionColor),
hover: this._parsePointStyle(options.hoverStyle, reductionColor, reductionColor),
selection: this._parsePointStyle(options.selectionStyle, reductionColor, reductionColor)
}
},
_createPointStyles: function(pointOptions) {
var innerColor = this._options.innerColor;
var styles = this._getDefaultStyle(pointOptions);
var positiveStyle = (0, _extend2.extend)(true, {}, styles);
var reductionStyle = this._getReductionStyle(pointOptions);
var reductionPositiveStyle = (0, _extend2.extend)(true, {}, reductionStyle);
positiveStyle.normal.fill = positiveStyle.hover.fill = positiveStyle.selection.fill = innerColor;
reductionPositiveStyle.normal.fill = reductionPositiveStyle.hover.fill = reductionPositiveStyle.selection.fill = innerColor;
styles.positive = positiveStyle;
styles.reduction = reductionStyle;
styles.reductionPositive = reductionPositiveStyle;
return styles
},
_endUpdateData: function() {
delete this._predefinedPointOptions
},
_defaultAggregator: "ohlc",
_aggregators: {
ohlc: function(_ref, series) {
var intervalStart = _ref.intervalStart,
intervalEnd = _ref.intervalEnd,
data = _ref.data;
if (!data.length) {
return
}
var result = {};
var valueFields = series.getValueFields();
var highValueField = valueFields[1];
var lowValueField = valueFields[2];
result[highValueField] = -1 / 0;
result[lowValueField] = 1 / 0;
result = data.reduce((function(result, item) {
if (null !== item[highValueField]) {
result[highValueField] = Math.max(result[highValueField], item[highValueField])
}
if (null !== item[lowValueField]) {
result[lowValueField] = Math.min(result[lowValueField], item[lowValueField])
}
return result
}), result);
result[valueFields[0]] = data[0][valueFields[0]];
result[valueFields[3]] = data[data.length - 1][valueFields[3]];
if (!isFinite(result[highValueField])) {
result[highValueField] = null
}
if (!isFinite(result[lowValueField])) {
result[lowValueField] = null
}
result[series.getArgumentField()] = series._getIntervalCenter(intervalStart, intervalEnd);
return result
}
},
getValueFields: function() {
var options = this._options;
return [options.openValueField || "open", options.highValueField || "high", options.lowValueField || "low", options.closeValueField || "close"]
},
getArgumentField: function() {
return this._options.argumentField || "date"
},
_patchMarginOptions: function(options) {
var pointOptions = this._getCreatingPointOptions();
var styles = pointOptions.styles;
var border = [styles.normal, styles.hover, styles.selection].reduce((function(max, style) {
return Math.max(max, style["stroke-width"])
}), 0);
options.size = DEFAULT_FINANCIAL_POINT_SIZE + border;
options.sizePointNormalState = DEFAULT_FINANCIAL_POINT_SIZE;
return options
},
getSeriesPairCoord: function(coord, isArgument) {
var oppositeCoord = null;
var points = this.getVisiblePoints();
for (var i = 0; i < points.length; i++) {
var p = points[i];
var tmpCoord = void 0;
if (isArgument) {
tmpCoord = p.vx === coord ? (p.openY + p.closeY) / 2 : void 0
} else {
var coords = [Math.min(p.lowY, p.highY), Math.max(p.lowY, p.highY)];
tmpCoord = coord >= coords[0] && coord <= coords[1] ? p.vx : void 0
}
if (this._checkAxisVisibleAreaCoord(!isArgument, tmpCoord)) {
oppositeCoord = tmpCoord;
break
}
}
return oppositeCoord
},
usePointsToDefineAutoHiding: function() {
return false
}
});
exports.stock = stock;
var candlestick = (0, _extend2.extend)({}, stock, {
_parsePointStyle: function(style, defaultColor, innerColor) {
var color = style.color || innerColor;
var base = stock._parsePointStyle.call(this, style, defaultColor, color);
base.fill = color;
base.hatching = style.hatching;
return base
}
});
exports.candlestick = candlestick;