File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
import { Graphics } from "../../core/render/Graphics";
/**
* Draws a slice for [[FunnelSeries]].
*/
export class FunnelSlice extends Graphics {
constructor() {
super(...arguments);
Object.defineProperty(this, "_projectionDirty", {
enumerable: true,
configurable: true,
writable: true,
value: false
});
Object.defineProperty(this, "_tlx", {
enumerable: true,
configurable: true,
writable: true,
value: 0
});
Object.defineProperty(this, "_tly", {
enumerable: true,
configurable: true,
writable: true,
value: 0
});
Object.defineProperty(this, "_trx", {
enumerable: true,
configurable: true,
writable: true,
value: 0
});
Object.defineProperty(this, "_try", {
enumerable: true,
configurable: true,
writable: true,
value: 0
});
Object.defineProperty(this, "_blx", {
enumerable: true,
configurable: true,
writable: true,
value: 0
});
Object.defineProperty(this, "_bly", {
enumerable: true,
configurable: true,
writable: true,
value: 0
});
Object.defineProperty(this, "_brx", {
enumerable: true,
configurable: true,
writable: true,
value: 0
});
Object.defineProperty(this, "_bry", {
enumerable: true,
configurable: true,
writable: true,
value: 0
});
Object.defineProperty(this, "_cprx", {
enumerable: true,
configurable: true,
writable: true,
value: 0
});
Object.defineProperty(this, "_cplx", {
enumerable: true,
configurable: true,
writable: true,
value: 0
});
Object.defineProperty(this, "_cpry", {
enumerable: true,
configurable: true,
writable: true,
value: 0
});
Object.defineProperty(this, "_cply", {
enumerable: true,
configurable: true,
writable: true,
value: 0
});
}
_afterNew() {
super._afterNew();
this.set("draw", (display) => {
display.moveTo(this._tlx, this._tly);
display.lineTo(this._trx, this._try);
display.quadraticCurveTo(this._cprx, this._cpry, this._brx, this._bry);
display.lineTo(this._blx, this._bly);
display.quadraticCurveTo(this._cplx, this._cply, this._tlx, this._tly);
});
}
getPoint(locationX, locationY) {
let w = this.width();
let h = this.height();
const tw = this.get("topWidth", 0);
const bw = this.get("bottomWidth", 0);
if (this.get("orientation") == "vertical") {
let tlx = -tw / 2;
let trx = tw / 2;
let brx = bw / 2;
let blx = -bw / 2;
let mlx = tlx + (blx - tlx) * locationY;
let mrx = trx + (brx - trx) * locationY;
return { x: mlx + (mrx - mlx) * locationX, y: h * locationY };
}
else {
let tlx = -tw / 2;
let trx = tw / 2;
let brx = bw / 2;
let blx = -bw / 2;
let mlx = tlx + (blx - tlx) * locationX;
let mrx = trx + (brx - trx) * locationX;
return { x: w * locationX, y: mlx + (mrx - mlx) * locationY };
}
}
_changed() {
if (this.isDirty("topWidth") || this.isDirty("bottomWidth") || this.isDirty("expandDistance") || this.isDirty("orientation") || this.isDirty("width") || this.isDirty("height")) {
const w = this.width();
const h = this.height();
const tw = this.get("topWidth", 0);
const bw = this.get("bottomWidth", 0);
this._clear = true;
let ed = this.get("expandDistance", 0);
if (this.get("orientation") == "vertical") {
this._tlx = -tw / 2;
this._tly = 0;
this._trx = tw / 2;
this._try = 0;
this._brx = bw / 2;
this._bry = h;
this._blx = -bw / 2;
this._bly = h;
this._cprx = this._trx + (this._brx - this._trx) / 2 + ed * h,
this._cpry = this._try + 0.5 * h;
this._cplx = this._tlx + (this._blx - this._tlx) / 2 - ed * h;
this._cply = this._tly + 0.5 * h;
}
else {
this._tly = -tw / 2;
this._tlx = 0;
this._try = tw / 2;
this._trx = 0;
this._bry = bw / 2;
this._brx = w;
this._bly = -bw / 2;
this._blx = w;
this._cpry = this._try + (this._bry - this._try) / 2 + ed * w,
this._cprx = this._trx + 0.5 * w;
this._cply = this._tly + (this._bly - this._tly) / 2 - ed * w;
this._cplx = this._tlx + 0.5 * w;
}
}
super._changed();
}
}
Object.defineProperty(FunnelSlice, "className", {
enumerable: true,
configurable: true,
writable: true,
value: "FunnelSlice"
});
Object.defineProperty(FunnelSlice, "classNames", {
enumerable: true,
configurable: true,
writable: true,
value: Graphics.classNames.concat([FunnelSlice.className])
});
//# sourceMappingURL=FunnelSlice.js.map