@bokeh/bokehjs
Version:
Interactive, novel data visualization
82 lines • 3.01 kB
JavaScript
import { LineVector } from "../../core/property_mixins";
import { Glyph, GlyphView } from "./glyph";
import { generic_line_vector_legend } from "./utils";
import { cbb } from "../../core/util/algorithms";
import * as p from "../../core/properties";
export class BezierView extends GlyphView {
static __name__ = "BezierView";
_project_data() {
this._project_xy("x0", this.x0, "y0", this.y0);
this._project_xy("x1", this.x1, "y1", this.y1);
}
_index_data(index) {
const { data_size, x0, y0, x1, y1, cx0, cy0, cx1, cy1 } = this;
for (let i = 0; i < data_size; i++) {
const x0_i = x0[i];
const y0_i = y0[i];
const x1_i = x1[i];
const y1_i = y1[i];
const cx0_i = cx0[i];
const cy0_i = cy0[i];
const cx1_i = cx1[i];
const cy1_i = cy1[i];
if (!isFinite(x0_i + x1_i + y0_i + y1_i + cx0_i + cy0_i + cx1_i + cy1_i)) {
index.add_empty();
}
else {
const { x0, y0, x1, y1 } = cbb(x0_i, y0_i, cx0_i, cy0_i, cx1_i, cy1_i, x1_i, y1_i);
index.add_rect(x0, y0, x1, y1);
}
}
}
_paint(ctx, indices, data) {
if (!this.visuals.line.doit) {
return;
}
const { sx0, sy0, sx1, sy1, scx0, scy0, scx1, scy1 } = { ...this, ...data };
for (const i of indices) {
const sx0_i = sx0[i];
const sy0_i = sy0[i];
const sx1_i = sx1[i];
const sy1_i = sy1[i];
const scx0_i = scx0[i];
const scy0_i = scy0[i];
const scx1_i = scx1[i];
const scy1_i = scy1[i];
if (!isFinite(sx0_i + sy0_i + sx1_i + sy1_i + scx0_i + scy0_i + scx1_i + scy1_i)) {
continue;
}
ctx.beginPath();
ctx.moveTo(sx0_i, sy0_i);
ctx.bezierCurveTo(scx0_i, scy0_i, scx1_i, scy1_i, sx1_i, sy1_i);
this.visuals.line.apply(ctx, i);
}
}
draw_legend_for_index(ctx, bbox, index) {
generic_line_vector_legend(this.visuals, ctx, bbox, index);
}
scenterxy() {
throw new Error(`${this}.scenterxy() is not implemented`);
}
}
export class Bezier extends Glyph {
static __name__ = "Bezier";
constructor(attrs) {
super(attrs);
}
static {
this.prototype.default_view = BezierView;
this.define(({}) => ({
x0: [p.XCoordinateSpec, { field: "x0" }],
y0: [p.YCoordinateSpec, { field: "y0" }],
x1: [p.XCoordinateSpec, { field: "x1" }],
y1: [p.YCoordinateSpec, { field: "y1" }],
cx0: [p.XCoordinateSpec, { field: "cx0" }],
cy0: [p.YCoordinateSpec, { field: "cy0" }],
cx1: [p.XCoordinateSpec, { field: "cx1" }],
cy1: [p.YCoordinateSpec, { field: "cy1" }],
}));
this.mixins(LineVector);
}
}
//# sourceMappingURL=bezier.js.map