scichart
Version:
Fast WebGL JavaScript Charting Library and Framework
80 lines (79 loc) • 3.47 kB
JavaScript
;
var __extends = (this && this.__extends) || (function () {
var extendStatics = function (d, b) {
extendStatics = Object.setPrototypeOf ||
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
return extendStatics(d, b);
};
return function (d, b) {
if (typeof b !== "function" && b !== null)
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
extendStatics(d, b);
function __() { this.constructor = d; }
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
};
})();
Object.defineProperty(exports, "__esModule", { value: true });
exports.CrossPointMarker = void 0;
var PointMarkerType_1 = require("../../../types/PointMarkerType");
var BasePointMarker_1 = require("./BasePointMarker");
/**
* @summary Point-marker type which renders a cross (plus-sign or +) at each x-y datapoint location
* @remarks
* To apply the CrossPointMarker to a {@link IRenderableSeries}, use the following code:
*
* ```ts
* const sciChartSurface: SciChartSurface;
* const wasmContext: TSciChart;
* sciChartSurface.renderableSeries.add(new FastLineRenderableSeries(wasmContext, {
* pointMarker: new CrossPointMarker(wasmContext, {
* width: 9,
* height: 9,
* fill: "#FF0000",
* stroke: "#0000FF",
* strokeThickness: 1
* })
* }));
* ```
*/
var CrossPointMarker = /** @class */ (function (_super) {
__extends(CrossPointMarker, _super);
/**
* Creates an instance of the {@link CrossPointMarker}
* @param webAssemblyContext The {@link TSciChart | SciChart 2D WebAssembly Context} containing native methods and
* access to our WebGL2 Engine and WebAssembly numerical methods
* @param options Optional parameters of type {@link IPointMarkerOptions} used to configure the point-marker at instantiation time
*/
function CrossPointMarker(webAssemblyContext, options) {
var _this = _super.call(this, webAssemblyContext, options) || this;
/**
* @inheritDoc
*/
_this.type = PointMarkerType_1.EPointMarkerType.Cross;
return _this;
}
/**
* @inheritDoc
*/
CrossPointMarker.prototype.drawSprite = function (context, spriteWidth, spriteHeight, stroke, strokeThickness, fill) {
if (strokeThickness > 0) {
context.strokeStyle = stroke;
context.lineWidth = strokeThickness;
var centerX = context.canvas.width / 2;
var centerY = context.canvas.height / 2;
var halfHeight = spriteHeight / 2;
var halfWidth = spriteWidth / 2;
context.beginPath();
context.moveTo(centerX, centerY - halfHeight);
context.lineTo(centerX, centerY + halfHeight);
context.stroke();
context.beginPath();
context.moveTo(centerX - halfWidth, centerY);
context.lineTo(centerX + halfWidth, centerY);
context.stroke();
}
};
return CrossPointMarker;
}(BasePointMarker_1.BasePointMarker));
exports.CrossPointMarker = CrossPointMarker;