@quartic/bokehjs
Version:
Interactive, novel data visualization
177 lines (153 loc) • 6.41 kB
text/typescript
var extend = function(child, parent) { for (var key in parent) { if (hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; },
hasProp = {}.hasOwnProperty;
import {
XYGlyph,
XYGlyphView
} from "./xy_glyph";
import * as hittest from "core/hittest";
import * as p from "core/properties";
import {
angle_between
} from "core/util/math";
export var AnnularWedgeView = (function(superClass) {
extend(AnnularWedgeView, superClass);
function AnnularWedgeView() {
return AnnularWedgeView.__super__.constructor.apply(this, arguments);
}
AnnularWedgeView.prototype._map_data = function() {
var i, j, ref, results;
if (this.model.properties.inner_radius.units === "data") {
this.sinner_radius = this.sdist(this.renderer.xmapper, this._x, this._inner_radius);
} else {
this.sinner_radius = this._inner_radius;
}
if (this.model.properties.outer_radius.units === "data") {
this.souter_radius = this.sdist(this.renderer.xmapper, this._x, this._outer_radius);
} else {
this.souter_radius = this._outer_radius;
}
this._angle = new Float32Array(this._start_angle.length);
results = [];
for (i = j = 0, ref = this._start_angle.length; 0 <= ref ? j < ref : j > ref; i = 0 <= ref ? ++j : --j) {
results.push(this._angle[i] = this._end_angle[i] - this._start_angle[i]);
}
return results;
};
AnnularWedgeView.prototype._render = function(ctx, indices, arg) {
var _angle, _start_angle, direction, i, j, len, results, sinner_radius, souter_radius, sx, sy;
sx = arg.sx, sy = arg.sy, _start_angle = arg._start_angle, _angle = arg._angle, sinner_radius = arg.sinner_radius, souter_radius = arg.souter_radius;
direction = this.model.properties.direction.value();
results = [];
for (j = 0, len = indices.length; j < len; j++) {
i = indices[j];
if (isNaN(sx[i] + sy[i] + sinner_radius[i] + souter_radius[i] + _start_angle[i] + _angle[i])) {
continue;
}
ctx.translate(sx[i], sy[i]);
ctx.rotate(_start_angle[i]);
ctx.moveTo(souter_radius[i], 0);
ctx.beginPath();
ctx.arc(0, 0, souter_radius[i], 0, _angle[i], direction);
ctx.rotate(_angle[i]);
ctx.lineTo(sinner_radius[i], 0);
ctx.arc(0, 0, sinner_radius[i], 0, -_angle[i], !direction);
ctx.closePath();
ctx.rotate(-_angle[i] - _start_angle[i]);
ctx.translate(-sx[i], -sy[i]);
if (this.visuals.fill.doit) {
this.visuals.fill.set_vectorize(ctx, i);
ctx.fill();
}
if (this.visuals.line.doit) {
this.visuals.line.set_vectorize(ctx, i);
results.push(ctx.stroke());
} else {
results.push(void 0);
}
}
return results;
};
AnnularWedgeView.prototype._hit_point = function(geometry) {
var angle, bbox, candidates, direction, dist, hits, i, ir2, j, k, len, len1, or2, ref, ref1, ref2, ref3, ref4, sx, sx0, sx1, sy, sy0, sy1, vx, vx0, vx1, vy, vy0, vy1, x, x0, x1, y, y0, y1;
ref = [geometry.vx, geometry.vy], vx = ref[0], vy = ref[1];
x = this.renderer.xmapper.map_from_target(vx, true);
y = this.renderer.ymapper.map_from_target(vy, true);
if (this.model.properties.outer_radius.units === "data") {
x0 = x - this.max_outer_radius;
x1 = x + this.max_outer_radius;
y0 = y - this.max_outer_radius;
y1 = y + this.max_outer_radius;
} else {
vx0 = vx - this.max_outer_radius;
vx1 = vx + this.max_outer_radius;
ref1 = this.renderer.xmapper.v_map_from_target([vx0, vx1], true), x0 = ref1[0], x1 = ref1[1];
vy0 = vy - this.max_outer_radius;
vy1 = vy + this.max_outer_radius;
ref2 = this.renderer.ymapper.v_map_from_target([vy0, vy1], true), y0 = ref2[0], y1 = ref2[1];
}
candidates = [];
bbox = hittest.validate_bbox_coords([x0, x1], [y0, y1]);
ref3 = this.index.indices(bbox);
for (j = 0, len = ref3.length; j < len; j++) {
i = ref3[j];
or2 = Math.pow(this.souter_radius[i], 2);
ir2 = Math.pow(this.sinner_radius[i], 2);
sx0 = this.renderer.xmapper.map_to_target(x, true);
sx1 = this.renderer.xmapper.map_to_target(this._x[i], true);
sy0 = this.renderer.ymapper.map_to_target(y, true);
sy1 = this.renderer.ymapper.map_to_target(this._y[i], true);
dist = Math.pow(sx0 - sx1, 2) + Math.pow(sy0 - sy1, 2);
if (dist <= or2 && dist >= ir2) {
candidates.push([i, dist]);
}
}
direction = this.model.properties.direction.value();
hits = [];
for (k = 0, len1 = candidates.length; k < len1; k++) {
ref4 = candidates[k], i = ref4[0], dist = ref4[1];
sx = this.renderer.plot_view.canvas.vx_to_sx(vx);
sy = this.renderer.plot_view.canvas.vy_to_sy(vy);
angle = Math.atan2(sy - this.sy[i], sx - this.sx[i]);
if (angle_between(-angle, -this._start_angle[i], -this._end_angle[i], direction)) {
hits.push([i, dist]);
}
}
return hittest.create_1d_hit_test_result(hits);
};
AnnularWedgeView.prototype.draw_legend_for_index = function(ctx, x0, x1, y0, y1, index) {
return this._generic_area_legend(ctx, x0, x1, y0, y1, index);
};
AnnularWedgeView.prototype._scxy = function(i) {
var a, r;
r = (this.sinner_radius[i] + this.souter_radius[i]) / 2;
a = (this._start_angle[i] + this._end_angle[i]) / 2;
return {
x: this.sx[i] + r * Math.cos(a),
y: this.sy[i] + r * Math.sin(a)
};
};
AnnularWedgeView.prototype.scx = function(i) {
return this._scxy(i).x;
};
AnnularWedgeView.prototype.scy = function(i) {
return this._scxy(i).y;
};
return AnnularWedgeView;
})(XYGlyphView);
export var AnnularWedge = (function(superClass) {
extend(AnnularWedge, superClass);
function AnnularWedge() {
return AnnularWedge.__super__.constructor.apply(this, arguments);
}
AnnularWedge.prototype.default_view = AnnularWedgeView;
AnnularWedge.prototype.type = 'AnnularWedge';
AnnularWedge.mixins(['line', 'fill']);
AnnularWedge.define({
direction: [p.Direction, 'anticlock'],
inner_radius: [p.DistanceSpec],
outer_radius: [p.DistanceSpec],
start_angle: [p.AngleSpec],
end_angle: [p.AngleSpec]
});
return AnnularWedge;
})(XYGlyph);