alex/restaurant-search
1
Fork 0
Code Releases Activity

Rendering stuff

Browse Source
This commit is contained in:
Alex Yatskov 2015-06-27 16:39:40 +09:00
parent afd825f32d
commit e60923a6b4
1 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
static/scripts/grapher.js
View File

@ -83,7 +83,7 @@
var _padding = 5; var _padding = 5;
var _panelSize = 20; var _panelSize = 20;
var _tickSize = 5; var _tickSize = 5;
var _bracketSize = 10; var _bracketSize = 20;
var _width = 120; var _width = 120;
var _easeTime = 400; var _easeTime = 400;
@ -154,7 +154,7 @@
_elements.tick = _canvas.line( _elements.tick = _canvas.line(
0, 0,
origin, origin,
_width - _densitySize, _width - _densitySize - _bracketSize,
origin origin
).attr({ ).attr({
stroke: _tickColor stroke: _tickColor
@ -197,7 +197,7 @@
_elements.indicator = _canvas.rect( _elements.indicator = _canvas.rect(
_tickSize, _tickSize,
range.min, range.min,
_width - (_densitySize + _tickSize), _width - (_densitySize + _tickSize + _bracketSize),
(range.max - range.min) (range.max - range.min)
).attr({ ).attr({
cursor: 'crosshair', cursor: 'crosshair',
@ -208,17 +208,24 @@
function updateBracket() { function updateBracket() {
var vis = _data.bracket.min <= _data.bracket.max ? 'visible' : 'hidden'; var vis = _data.bracket.min <= _data.bracket.max ? 'visible' : 'hidden';
var minY = valueToIndicator(_data.bracket.min); var minY = valueToIndicator(_data.bracket.min);
var maxY = valueToIndicator(_data.bracket.max); var maxY = valueToIndicator(_data.bracket.max);
var height = maxY - minY;
var leftX = _width - _bracketSize; var leftX = _width - _bracketSize;
var midX = _width - _bracketSize / 2; var midX = _width - _bracketSize / 2;
var rightX = _width; var rightX = _width;
var path = var path =
'M' + leftX + ',' + minY + 'M' + leftX + ',' + minY +
'H' + midX + 'Q' + rightX + ' ' + minY + ',' + rightX + ' ' + (minY + height * 0.1) +
'V' + maxY + 'v' + (height * 0.4) +
'H' + leftX; // 'A' + (_bracketSize / 2) + ' ' + (_bracketSize / 2) + ' ' + 0 + ' ' + 0 + ' ' + 0 + ' ' + rightX + ' ' + (minY + maxY) / 2 +
'v' + (height * 0.4) +
'Q' + (rightX) + ' ' + maxY + ',' + leftX + ' ' + (maxY);
console.log(path);
if (_.has(_elements, 'bracketPath')) { if (_.has(_elements, 'bracketPath')) {
_elements.bracketPath.attr({ _elements.bracketPath.attr({