diff --git a/index.html b/index.html index ef61a19..7d0a671 100644 --- a/index.html +++ b/index.html @@ -166,6 +166,10 @@ + + + + + _runScript: function (elem) { + var fun, i = 0, n = 0, + tags = elem.getElementsByTagName('script'), + length = tags.length, + script = []; + + for (; i < length; i ++) { + if (tags[i].type === 'text/dialog') { + script[n] = tags[i].innerHTML; + n ++; + }; + }; + + if (script.length) { + script = script.join(''); + fun = new Function(script); + fun.call(this); + }; + }, + + // 自动切换定位类型 + _autoPositionType: function () { + this[this.config.fixed ? '_setFixed' : '_setAbsolute']();///////////// + }, + + + // 设置静止定位 + // IE6 Fixed @see: http://www.planeart.cn/?p=877 + _setFixed: (function () { + _isIE6 && $(function () { + var bg = 'backgroundAttachment'; + if (_$html.css(bg) !== 'fixed' && _$body.css(bg) !== 'fixed') { + _$html.css({ + zoom: 1,// 避免偶尔出现body背景图片异常的情况 + backgroundImage: 'url(about:blank)', + backgroundAttachment: 'fixed' + }); + }; + }); + + return function () { + var $elem = this.DOM.wrap, + style = $elem[0].style; + + if (_isIE6) { + var left = parseInt($elem.css('left')), + top = parseInt($elem.css('top')), + sLeft = _$document.scrollLeft(), + sTop = _$document.scrollTop(), + txt = '(document.documentElement)'; + + this._setAbsolute(); + style.setExpression('left', 'eval(' + txt + '.scrollLeft + ' + + (left - sLeft) + ') + "px"'); + style.setExpression('top', 'eval(' + txt + '.scrollTop + ' + + (top - sTop) + ') + "px"'); + } else { + style.position = 'fixed'; + }; + }; + }()), + + // 设置绝对定位 + _setAbsolute: function () { + var style = this.DOM.wrap[0].style; + + if (_isIE6) { + style.removeExpression('left'); + style.removeExpression('top'); + }; + + style.position = 'absolute'; + }, + + // 按钮回调函数触发 + _click: function (name) { + var that = this, + fn = that._listeners[name] && that._listeners[name].callback; + return typeof fn !== 'function' || fn.call(that, window) !== false ? + that.close() : that; + }, + + // 重置位置与尺寸 + _reset: function (test) { + var newSize, + that = this, + oldSize = that._winSize || _$window.width() * _$window.height(), + elem = that._follow, + width = that._width, + height = that._height, + left = that._left, + top = that._top; + + if (test) { + // IE6~7 window.onresize bug + newSize = that._winSize = _$window.width() * _$window.height(); + if (oldSize === newSize) return; + }; + + if (width || height) that.size(width, height); + + if (elem) { + that.follow(elem); + } else if (left || top) { + that.position(left, top); + }; + }, + + // 事件代理 + _addEvent: function () { + var resizeTimer, + that = this, + config = that.config, + isIE = 'CollectGarbage' in window, + DOM = that.DOM; + + // 窗口调节事件 + that._winResize = function () { + resizeTimer && clearTimeout(resizeTimer); + resizeTimer = setTimeout(function () { + that._reset(isIE); + }, 40); + }; + _$window.bind('resize', that._winResize); + + // 监听点击 + DOM.wrap + .bind('click', function (event) { + var target = event.target, callbackID; + + if (target.disabled) return false; // IE BUG + + if (target === DOM.close[0]) { + that._click(config.cancelVal); + return false; + } else { + callbackID = target[_expando + 'callback']; + callbackID && that._click(callbackID); + }; + + that._ie6SelectFix(); + }) + .bind('mousedown', function () { + that.zIndex(); + }); + }, + + // 卸载事件代理 + _removeEvent: function () { + var that = this, + DOM = that.DOM; + + DOM.wrap.unbind(); + _$window.unbind('resize', that._winResize); + } + +}; + +artDialog.fn._init.prototype = artDialog.fn; +$.fn.dialog = $.fn.artDialog = function () { + var config = arguments; + this[this.live ? 'live' : 'bind']('click', function () { + artDialog.apply(this, config); + return false; + }); + return this; +}; + + + +/** 最顶层的对话框API */ +artDialog.focus = null; + + + +/** 对话框列表 */ +artDialog.list = {}; + + + +// 全局快捷键 +_$document.bind('keydown', function (event) { + var target = event.target, + nodeName = target.nodeName, + rinput = /^INPUT|TEXTAREA$/, + api = artDialog.focus, + keyCode = event.keyCode; + + if (!api || !api.config.esc || rinput.test(nodeName)) return; + + keyCode === 27 && api._click(api.config.cancelVal); +}); + + + +// 获取artDialog路径 +_path = window['_artDialog_path'] || (function (script, i, me) { + for (i in script) { + // 如果通过第三方脚本加载器加载本文件，请保证文件名含有"artDialog"字符 + if (script[i].src && script[i].src.indexOf('artDialog') !== -1) me = script[i]; + }; + + _thisScript = me || script[script.length - 1]; + me = _thisScript.src.replace(/\\/g, '/'); + return me.lastIndexOf('/') < 0 ? '.' : me.substring(0, me.lastIndexOf('/')); +}(document.getElementsByTagName('script'))); + + + +// 无阻塞载入CSS (如"artDialog.js?skin=aero") +_skin = _thisScript.src.split('skin=')[1]; +if (_skin) { + var link = document.createElement('link'); + link.rel = 'stylesheet'; + link.href = _path + '/skins/' + _skin + '.css?' + artDialog.fn.version; + _thisScript.parentNode.insertBefore(link, _thisScript); +}; + + + +// 触发浏览器预先缓存背景图片 +_$window.bind('load', function () { + setTimeout(function () { + if (_count) return; + artDialog({left: '-9999em',time: 9,fixed: false,lock: false,focus: false}); + }, 150); +}); + + + +// 开启IE6 CSS背景图片缓存 +try { + document.execCommand('BackgroundImageCache', false, true); +} catch (e) {}; + + + + +// 使用uglifyjs压缩能够预先处理"+"号以合并字符串 +// uglifyjs: http://marijnhaverbeke.nl/uglifyjs +artDialog.fn._templates = +'
' ++ '' ++ '' ++ '' ++ '' ++ '' ++ '' ++ '' ++ '' ++ '' ++ '' ++ '' ++ '' ++ '' ++ '' ++ '' ++ '' ++ '' ++ '' ++ '
' ++ '
' ++ '' ++ '' ++ '' ++ '' ++ '' ++ '' ++ '' ++ '' ++ '' ++ '' ++ '' ++ '' ++ '' ++ '
' ++ '
' ++ '
' ++ '' ++ '\xd7' ++ '' ++ '
' ++ '
' ++ '
' ++ '		' ++ '
' ++ '
' ++ '
' ++ '
' ++ '
' ++ '
' ++'
'; + + + +/** + * 默认配置 + */ +artDialog.defaults = { + // 消息内容 + content: '
loading..
', + title: '\u6d88\u606f', // 标题. 默认'消息' + button: null, // 自定义按钮 + ok: null, // 确定按钮回调函数 + cancel: null, // 取消按钮回调函数 + init: null, // 对话框初始化后执行的函数 + close: null, // 对话框关闭前执行的函数 + okVal: '\u786E\u5B9A', // 确定按钮文本. 默认'确定' + cancelVal: '\u53D6\u6D88', // 取消按钮文本. 默认'取消' + width: 'auto', // 内容宽度 + height: 'auto', // 内容高度 + minWidth: 96, // 最小宽度限制 + minHeight: 32, // 最小高度限制 + padding: '20px 25px', // 内容与边界填充距离 + skin: '', // 皮肤名(预留接口,尚未实现) + icon: null, // 消息图标名称 + time: null, // 自动关闭时间 + esc: true, // 是否支持Esc键关闭 + focus: true, // 是否支持对话框按钮自动聚焦 + show: true, // 初始化后是否显示对话框 + follow: null, // 跟随某元素(即让对话框在元素附近弹出) + path: _path, // artDialog路径 + lock: false, // 是否锁屏 + background: '#000', // 遮罩颜色 + opacity: .7, // 遮罩透明度 + duration: 300, // 遮罩透明度渐变动画速度 + fixed: false, // 是否静止定位 + left: '50%', // X轴坐标 + top: '38.2%', // Y轴坐标 + zIndex: 1987, // 对话框叠加高度值(重要：此值不能超过浏览器最大限制) + resize: true, // 是否允许用户调节尺寸 + drag: true // 是否允许用户拖动位置 + +}; + +window.artDialog = $.dialog = $.artDialog = artDialog; +}(this.art || this.jQuery && (this.art = jQuery), this)); + + + + + + +//------------------------------------------------ +// 对话框模块-拖拽支持（可选外置模块） +//------------------------------------------------ +;(function ($) { + +var _dragEvent, _use, + _$window = $(window), + _$document = $(document), + _elem = document.documentElement, + _isIE6 = !-[1,] && !('minWidth' in _elem.style), + _isLosecapture = 'onlosecapture' in _elem, + _isSetCapture = 'setCapture' in _elem; + +// 拖拽事件 +artDialog.dragEvent = function () { + var that = this, + proxy = function (name) { + var fn = that[name]; + that[name] = function () { + return fn.apply(that, arguments); + }; + }; + + proxy('start'); + proxy('move'); + proxy('end'); +}; + +artDialog.dragEvent.prototype = { + + // 开始拖拽 + onstart: $.noop, + start: function (event) { + _$document + .bind('mousemove', this.move) + .bind('mouseup', this.end); + + this._sClientX = event.clientX; + this._sClientY = event.clientY; + this.onstart(event.clientX, event.clientY); + + return false; + }, + + // 正在拖拽 + onmove: $.noop, + move: function (event) { + this._mClientX = event.clientX; + this._mClientY = event.clientY; + this.onmove( + event.clientX - this._sClientX, + event.clientY - this._sClientY + ); + + return false; + }, + + // 结束拖拽 + onend: $.noop, + end: function (event) { + _$document + .unbind('mousemove', this.move) + .unbind('mouseup', this.end); + + this.onend(event.clientX, event.clientY); + return false; + } + +}; + +_use = function (event) { + var limit, startWidth, startHeight, startLeft, startTop, isResize, + api = artDialog.focus, + //config = api.config, + DOM = api.DOM, + wrap = DOM.wrap, + title = DOM.title, + main = DOM.main; + + // 清除文本选择 + var clsSelect = 'getSelection' in window ? function () { + window.getSelection().removeAllRanges(); + } : function () { + try { + document.selection.empty(); + } catch (e) {}; + }; + + // 对话框准备拖动 + _dragEvent.onstart = function (x, y) { + if (isResize) { + startWidth = main[0].offsetWidth; + startHeight = main[0].offsetHeight; + } else { + startLeft = wrap[0].offsetLeft; + startTop = wrap[0].offsetTop; + }; + + _$document.bind('dblclick', _dragEvent.end); + !_isIE6 && _isLosecapture ? + title.bind('losecapture', _dragEvent.end) : + _$window.bind('blur', _dragEvent.end); + _isSetCapture && title[0].setCapture(); + + wrap.addClass('aui_state_drag'); + api.focus(); + }; + + // 对话框拖动进行中 + _dragEvent.onmove = function (x, y) { + if (isResize) { + var wrapStyle = wrap[0].style, + style = main[0].style, + width = x + startWidth, + height = y + startHeight; + + wrapStyle.width = 'auto'; + style.width = Math.max(0, width) + 'px'; + wrapStyle.width = wrap[0].offsetWidth + 'px'; + + style.height = Math.max(0, height) + 'px'; + + } else { + var style = wrap[0].style, + left = Math.max(limit.minX, Math.min(limit.maxX, x + startLeft)), + top = Math.max(limit.minY, Math.min(limit.maxY, y + startTop)); + + style.left = left + 'px'; + style.top = top + 'px'; + }; + + clsSelect(); + api._ie6SelectFix(); + }; + + // 对话框拖动结束 + _dragEvent.onend = function (x, y) { + _$document.unbind('dblclick', _dragEvent.end); + !_isIE6 && _isLosecapture ? + title.unbind('losecapture', _dragEvent.end) : + _$window.unbind('blur', _dragEvent.end); + _isSetCapture && title[0].releaseCapture(); + + _isIE6 && api._isRun && api._autoPositionType(); + + wrap.removeClass('aui_state_drag'); + }; + + isResize = event.target === DOM.se[0] ? true : false; + limit = (function () { + var maxX, maxY, + wrap = api.DOM.wrap[0], + fixed = wrap.style.position === 'fixed', + ow = wrap.offsetWidth, + oh = wrap.offsetHeight, + ww = _$window.width(), + wh = _$window.height(), + dl = fixed ? 0 : _$document.scrollLeft(), + dt = fixed ? 0 : _$document.scrollTop(), + + // 坐标最大值限制 + maxX = ww - ow + dl; + maxY = wh - oh + dt; + + return { + minX: dl, + minY: dt, + maxX: maxX, + maxY: maxY + }; + })(); + + _dragEvent.start(event); +}; + +// 代理 mousedown 事件触发对话框拖动 +_$document.bind('mousedown', function (event) { + var api = artDialog.focus; + if (!api) return; + + var target = event.target, + config = api.config, + DOM = api.DOM; + + if (config.drag !== false && target === DOM.title[0] + || config.resize !== false && target === DOM.se[0]) { + _dragEvent = _dragEvent || new artDialog.dragEvent(); + _use(event); + return false;// 防止firefox与chrome滚屏 + }; +}); + +})(this.art || this.jQuery && (this.art = jQuery)); + +//右下角滑动通知 +artDialog.notice = function (options) { + var opt = options || {}, + api, aConfig, hide, wrap, top, + duration = 800; + var config = { + id: 'Notice', + left: '100%', + top: '100%', + fixed: true, + drag: false, + resize: false, + follow: null, + lock: false, + init: function(here){ + api = this; + aConfig = api.config; + wrap = api.DOM.wrap; + top = parseInt(wrap[0].style.top); + hide = top + wrap[0].offsetHeight; + wrap.css('top', hide + 'px') + .animate({top: top + 'px'}, duration, function () { + opt.init && opt.init.call(api, here); + }); + }, + close: function(here){ + wrap.animate({top: hide + 'px'}, duration, function () { + opt.close && opt.close.call(this, here); + aConfig.close = $.noop; + api.close(); + }); + + return false; + } + }; + + for (var i in opt) { + if (config[i] === undefined) config[i] = opt[i]; + }; + + return artDialog(config); +}; \ No newline at end of file diff --git a/public/static/baidu/js/artDialog/custom_exit_system.js b/public/static/baidu/js/artDialog/custom_exit_system.js new file mode 100644 index 0000000..838b798 --- /dev/null +++ b/public/static/baidu/js/artDialog/custom_exit_system.js @@ -0,0 +1,23 @@ +/* 退出系统提示框 */ +function exit_system(){ + var timer; + art.dialog.confirm('您确认退出系统？', function(){ + var that = this, i = 5; + var fn = function () { + i --; + //由于art.dialog.tips的锁屏属性默认为false，所以修改了iframeTools.source.js原文件中，将其改变传参的形式 + art.dialog.tips('系统将在 ' + (i+1) + ' 秒后关闭',1,true); + !i && clearInterval(timer); + if(!i){ + top.location.href='/control/exit.html'; + } + }; + timer = setInterval(fn, 1000); + fn(); + }, function(){ + art.dialog.tips('您取消了操作！'); + }); +} +function wait_time(){ + art.dialog.tips('即将退出系统！',i); +}; \ No newline at end of file diff --git a/public/static/baidu/js/artDialog/custom_switch_user.js b/public/static/baidu/js/artDialog/custom_switch_user.js new file mode 100644 index 0000000..51325f0 --- /dev/null +++ b/public/static/baidu/js/artDialog/custom_switch_user.js @@ -0,0 +1,72 @@ +/* 切换用户登录框 */ +function switch_user(){ + art.dialog.open('\\cn\\control\\switch_user.jsp', { + title: '切换用户', + lock:true, + fixed: true, + resize: false, + // 在open()方法中，init会等待iframe加载完毕后执行 + init: function () { + var iframe = this.iframe.contentWindow; + var top = art.dialog.top;// 引用顶层页面window对象 + var username = iframe.document.getElementById('login-form-username'); + //username.value = 'guest'; + setTimeout(function () { + username.select(); + }, 80); + //top.document.title = '切换用户'; + }, + button:[ + { + name:'切换', + focus:true, + callback: function () { + var iframe = this.iframe.contentWindow; + if (!iframe.document.body) { + art.dialog.tips('iframe还没加载完毕呢'); + return false; + }; + var form = iframe.document.getElementById('login-form'), + username = iframe.document.getElementById('login-form-username'), + password = iframe.document.getElementById('login-form-password'); + if (check(username) && check(password)) form.submit(); + return false; + } + }, + { + name:'取消', + callback:function(){ + art.dialog.tips('您取消了操作！',1.5,false); + return true; + } + } + ] + }); + // 表单验证 + var check = function (input) { + if (input.value === '') { + inputError(input); + input.focus(); + return false; + } else { + return true; + }; + }; + // 输入错误提示 + var inputError = function (input) { + clearTimeout(inputError.timer); + var num = 0; + var fn = function () { + inputError.timer = setTimeout(function () { + input.className = input.className === '' ? 'login-form-error' : ''; + if (num === 5) { + input.className === ''; + } else { + fn(num ++); + }; + }, 150); + }; + fn(); + }; + +} \ No newline at end of file diff --git a/public/static/baidu/js/artDialog/iframeTools.source.js b/public/static/baidu/js/artDialog/iframeTools.source.js new file mode 100644 index 0000000..04e89b7 --- /dev/null +++ b/public/static/baidu/js/artDialog/iframeTools.source.js @@ -0,0 +1,468 @@ +/*! + * artDialog iframeTools + * Date: 2011-11-25 13:54 + * http://code.google.com/p/artdialog/ + * (c) 2009-2011 TangBin, http://www.planeArt.cn + * + * This is licensed under the GNU LGPL, version 2.1 or later. + * For details, see: http://creativecommons.org/licenses/LGPL/2.1/ + */ + +;(function ($, window, artDialog, undefined) { + +var _topDialog, _proxyDialog, _zIndex, + _data = '@ARTDIALOG.DATA', + _open = '@ARTDIALOG.OPEN', + _opener = '@ARTDIALOG.OPENER', + _winName = window.name = window.name + || '@ARTDIALOG.WINNAME' + (new Date).getTime(), + _isIE6 = window.VBArray && !window.XMLHttpRequest; + +$(function () { + !window.jQuery && document.compatMode === 'BackCompat' + // 不支持怪异模式，请用主流的XHTML1.0或者HTML5的DOCTYPE申明 + && alert('artDialog Error: document.compatMode === "BackCompat"'); +}); + + +/** 获取 artDialog 可跨级调用的最高层的 window 对象 */ +var _top = artDialog.top = function () { + var top = window, + test = function (name) { + try { + var doc = window[name].document; // 跨域|无权限 + doc.getElementsByTagName; // chrome 本地安全限制 + } catch (e) { + return false; + }; + + return window[name].artDialog + // 框架集无法显示第三方元素 + && doc.getElementsByTagName('frameset').length === 0; + }; + + if (test('top')) { + top = window.top; + } else if (test('parent')) { + top = window.parent; + }; + + return top; +}(); +artDialog.parent = _top; // 兼容v4.1之前版本，未来版本将删除此 + + +_topDialog = _top.artDialog; + + +// 获取顶层页面对话框叠加值 +_zIndex = function () { + return _topDialog.defaults.zIndex; +}; + + + +/** + * 跨框架数据共享接口 + * @see http://www.planeart.cn/?p=1554 + * @param {String} 存储的数据名 + * @param {Any} 将要存储的任意数据(无此项则返回被查询的数据) + */ +artDialog.data = function (name, value) { + var top = artDialog.top, + cache = top[_data] || {}; + top[_data] = cache; + + if (value !== undefined) { + cache[name] = value; + } else { + return cache[name]; + }; + return cache; +}; + + +/** + * 数据共享删除接口 + * @param {String} 删除的数据名 + */ +artDialog.removeData = function (name) { + var cache = artDialog.top[_data]; + if (cache && cache[name]) delete cache[name]; +}; + + +/** 跨框架普通对话框 */ +artDialog.through = _proxyDialog = function () { + var api = _topDialog.apply(this, arguments); + + // 缓存从当前window（可能为iframe）调出所有跨框架对话框，window卸载后全部关闭这些对话框 + // 因为iframe注销后也会从内存中删除其创建的对象，这样可以防止回调函数报错 + if (_top !== window) artDialog.list[api.config.id] = api; + return api; +}; + +// 框架页面卸载前关闭所有穿越的对话框 +_top !== window && $(window).bind('unload', function () { + var list = artDialog.list, config; + for (var i in list) { + if (list[i]) { + config = list[i].config; + if (config) config.duration = 0; // 取消动画 + list[i].close(); + delete list[i]; + }; + }; +}); + + +/** + * 弹窗 (iframe) + * @param {String} 地址 + * @param {Object} 配置参数. 这里传入的回调函数接收的第1个参数为iframe内部window对象 + * @param {Boolean} 是否允许缓存. 默认true + */ +artDialog.open = function (url, options, cache) { + options = options || {}; + + var api, DOM, + $content, $main, iframe, $iframe, $idoc, iwin, ibody, + top = artDialog.top, + initCss = 'position:absolute;left:-9999em;top:-9999em;border:none 0;background:transparent', + loadCss = 'width:100%;height:100%;border:none 0'; + + if (cache === false) { + var ts = (new Date()).getTime(), + ret = url.replace(/([?&])_=[^&]*/, "$1_=" + ts ); + url = ret + ((ret === url) ? (/\?/.test(url) ? "&" : "?") + "_=" + ts : ""); + }; + + var load = function () { + var iWidth, iHeight, + loading = DOM.content.find('.aui_loading'), + aConfig = api.config; + + $content.addClass('aui_state_full'); + + loading && loading.hide(); + + try { + iwin = iframe.contentWindow; + $idoc = $(iwin.document); + ibody = iwin.document.body; + } catch (e) {// 跨域 + iframe.style.cssText = loadCss; + + aConfig.follow + ? api.follow(aConfig.follow) + : api.position(aConfig.left, aConfig.top); + + options.init && options.init.call(api, iwin, top); + options.init = null; + return; + }; + + // 获取iframe内部尺寸 + iWidth = aConfig.width === 'auto' + ? $idoc.width() + (_isIE6 ? 0 : parseInt($(ibody).css('marginLeft'))) + : aConfig.width; + + iHeight = aConfig.height === 'auto' + ? $idoc.height() + : aConfig.height; + + // 适应iframe尺寸 + setTimeout(function () { + iframe.style.cssText = loadCss; + }, 0);// setTimeout: 防止IE6~7对话框样式渲染异常 + api.size(iWidth, iHeight); + + // 调整对话框位置 + aConfig.follow + ? api.follow(aConfig.follow) + : api.position(aConfig.left, aConfig.top); + + options.init && options.init.call(api, iwin, top); + options.init = null; + }; + + var config = { + zIndex: _zIndex(), + init: function () { + api = this; + DOM = api.DOM; + $main = DOM.main; + $content = DOM.content; + + iframe = api.iframe = top.document.createElement('iframe'); + iframe.src = url; + iframe.name = 'Open' + api.config.id; + iframe.style.cssText = initCss; + iframe.setAttribute('frameborder', 0, 0); + iframe.setAttribute('allowTransparency', true); + + $iframe = $(iframe); + api.content().appendChild(iframe); + iwin = iframe.contentWindow; + + try { + iwin.name = iframe.name; + artDialog.data(iframe.name + _open, api); + artDialog.data(iframe.name + _opener, window); + } catch (e) {}; + + $iframe.bind('load', load); + }, + close: function () { + $iframe.css('display', 'none').unbind('load', load); + + if (options.close && options.close.call(this, iframe.contentWindow, top) === false) { + return false; + }; + $content.removeClass('aui_state_full'); + + // 重要！需要重置iframe地址，否则下次出现的对话框在IE6、7无法聚焦input + // IE删除iframe后，iframe仍然会留在内存中出现上述问题，置换src是最容易解决的方法 + $iframe[0].src = 'about:blank'; + $iframe.remove(); + + try { + artDialog.removeData(iframe.name + _open); + artDialog.removeData(iframe.name + _opener); + } catch (e) {}; + } + }; + + // 回调函数第一个参数指向iframe内部window对象 + if (typeof options.ok === 'function') config.ok = function () { + return options.ok.call(api, iframe.contentWindow, top); + }; + if (typeof options.cancel === 'function') config.cancel = function () { + return options.cancel.call(api, iframe.contentWindow, top); + }; + + delete options.content; + + for (var i in options) { + if (config[i] === undefined) config[i] = options[i]; + }; + + return _proxyDialog(config); +}; + + +/** 引用open方法扩展方法(在open打开的iframe内部私有方法) */ +artDialog.open.api = artDialog.data(_winName + _open); + + +/** 引用open方法触发来源页面window(在open打开的iframe内部私有方法) */ +artDialog.opener = artDialog.data(_winName + _opener) || window; +artDialog.open.origin = artDialog.opener; // 兼容v4.1之前版本，未来版本将删除此 + +/** artDialog.open 打开的iframe页面里关闭对话框快捷方法 */ +artDialog.close = function () { + var api = artDialog.data(_winName + _open); + api && api.close(); + return false; +}; + +// 点击iframe内容切换叠加高度 +_top != window && $(document).bind('mousedown', function () { + var api = artDialog.open.api; + api && api.zIndex(); +}); + + +/** + * Ajax填充内容 + * @param {String} 地址 + * @param {Object} 配置参数 + * @param {Boolean} 是否允许缓存. 默认true + */ +artDialog.load = function(url, options, cache){ + cache = cache || false; + var opt = options || {}; + + var config = { + zIndex: _zIndex(), + init: function(here){ + var api = this, + aConfig = api.config; + + $.ajax({ + url: url, + success: function (content) { + api.content(content); + opt.init && opt.init.call(api, here); + }, + cache: cache + }); + + } + }; + + delete options.content; + + for (var i in opt) { + if (config[i] === undefined) config[i] = opt[i]; + }; + + return _proxyDialog(config); +}; + + +/** + * 警告 + * @param {String} 消息内容 + */ +artDialog.alert = function (content, callback) { + return _proxyDialog({ + id: 'Alert', + zIndex: _zIndex(), + icon: 'warning', + fixed: true, + lock: true, + content: content, + ok: true, + close: callback + }); +}; + + +/** + * 确认 + * @param {String} 消息内容 + * @param {Function} 确定按钮回调函数 + * @param {Function} 取消按钮回调函数 + */ +artDialog.confirm = function (content, yes, no) { + return _proxyDialog({ + id: 'Confirm', + zIndex: _zIndex(), + icon: 'question', + fixed: true, + lock: true, + opacity: .1, + content: content, + ok: function (here) { + return yes.call(this, here); + }, + cancel: function (here) { + return no && no.call(this, here); + } + }); +}; + + +/** + * 提问 + * @param {String} 提问内容 + * @param {Function} 回调函数. 接收参数：输入值 + * @param {String} 默认值 + */ +artDialog.prompt = function (content, yes, value) { + value = value || ''; + var input; + + return _proxyDialog({ + id: 'Prompt', + zIndex: _zIndex(), + icon: 'question', + fixed: true, + lock: true, + opacity: .1, + content: [ + '
', + content, + '
', + '
', + '', + '
' + ].join(''), + init: function () { + input = this.DOM.content.find('input')[0]; + input.select(); + input.focus(); + }, + ok: function (here) { + return yes && yes.call(this, input.value, here); + }, + cancel: true + }); +}; + + +/** + * 短暂提示 + * @param {String} 提示内容 + * @param {Number} 显示时间 (默认1.5秒) + */ +artDialog.tips = function (content, time, islock, img) { + return _proxyDialog({ + id: 'Tips', + zIndex: _zIndex(), + title: false, + cancel: false, + fixed: true, + icon: img, + lock: islock + }) + .content('
' + content + '
') + .time(time || 1.5); +}; + + +// 增强artDialog拖拽体验 +// - 防止鼠标落入iframe导致不流畅 +// - 对超大对话框拖动优化 +$(function () { + var event = artDialog.dragEvent; + if (!event) return; + + var $window = $(window), + $document = $(document), + positionType = _isIE6 ? 'absolute' : 'fixed', + dragEvent = event.prototype, + mask = document.createElement('div'), + style = mask.style; + + style.cssText = 'display:none;position:' + positionType + ';left:0;top:0;width:100%;height:100%;' + + 'cursor:move;filter:alpha(opacity=0);opacity:0;background:#FFF'; + + document.body.appendChild(mask); + dragEvent._start = dragEvent.start; + dragEvent._end = dragEvent.end; + + dragEvent.start = function () { + var DOM = artDialog.focus.DOM, + main = DOM.main[0], + iframe = DOM.content[0].getElementsByTagName('iframe')[0]; + + dragEvent._start.apply(this, arguments); + style.display = 'block'; + style.zIndex = artDialog.defaults.zIndex + 3; + + if (positionType === 'absolute') { + style.width = $window.width() + 'px'; + style.height = $window.height() + 'px'; + style.left = $document.scrollLeft() + 'px'; + style.top = $document.scrollTop() + 'px'; + }; + + if (iframe && main.offsetWidth * main.offsetHeight > 307200) { + main.style.visibility = 'hidden'; + }; + }; + + dragEvent.end = function () { + var dialog = artDialog.focus; + dragEvent._end.apply(this, arguments); + style.display = 'none'; + if (dialog) dialog.DOM.main[0].style.visibility = 'visible'; + }; +}); + +})(this.art || this.jQuery, this, this.artDialog); + diff --git a/public/static/baidu/js/artDialog/skins/aero.css b/public/static/baidu/js/artDialog/skins/aero.css new file mode 100644 index 0000000..3b11a2a --- /dev/null +++ b/public/static/baidu/js/artDialog/skins/aero.css @@ -0,0 +1,61 @@ +@charset "utf-8"; +/* + * artDialog skin + * http://code.google.com/p/artdialog/ + * (c) 2009-2011 TangBin, http://www.planeArt.cn + * + * This is licensed under the GNU LGPL, version 2.1 or later. + * For details, see: http://creativecommons.org/licenses/LGPL/2.1/ + */ + +/* common start */ +body { _margin:0; _height:100%; /*IE6 BUG*/ } +.aui_outer { text-align:left; } +table.aui_border, table.aui_dialog { border:0; margin:0; border-collapse:collapse; width:auto; } +.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_c, .aui_e, .aui_sw, .aui_s, .aui_se, .aui_header, .aui_tdIcon, .aui_main, .aui_footer { padding:0; } +.aui_header, .aui_buttons button { font: 12px/1.11 'Microsoft Yahei', Tahoma, Arial, Helvetica, STHeiti; _font-family:Tahoma,Arial,Helvetica,STHeiti; -o-font-family: Tahoma, Arial; } +.aui_title { overflow:hidden; text-overflow: ellipsis; } +.aui_state_noTitle .aui_title { display:none; } +.aui_close { display:block; position:absolute; text-decoration:none; outline:none; _cursor:pointer; } +.aui_close:hover { text-decoration:none; } +.aui_main { text-align:center; min-width:9em; min-width:0\9/*IE8 BUG*/; } +.aui_content { display:inline-block; *zoom:1; *display:inline; text-align:left; border:none 0; } +.aui_content.aui_state_full { display:block; width:100%; margin:0; padding:0!important; height:100%; } +.aui_loading { width:96px; height:32px; text-align:left; text-indent:-999em; overflow:hidden; background:url(icons/loading.gif) no-repeat center center; } +.aui_icon { vertical-align: middle; } +.aui_icon div { width:48px; height:48px; margin:10px 0 10px 10px; background-position: center center; background-repeat:no-repeat; } +.aui_buttons { padding:8px; text-align:right; white-space:nowrap; } +.aui_buttons button { margin-left:15px; padding: 6px 8px; cursor: pointer; display: inline-block; text-align: center; line-height: 1; *padding:4px 10px; *height:2em; letter-spacing:2px; font-family: Tahoma, Arial/9!important; width:auto; overflow:visible; *width:1; color: #333; border: solid 1px #999; border-radius: 5px; background: #DDD; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD'); background: linear-gradient(top, #FFF, #DDD); background: -moz-linear-gradient(top, #FFF, #DDD); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#DDD)); text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); box-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0 -1px 0 rgba(0, 0, 0, .09); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: box-shadow linear .2s; } +.aui_buttons button::-moz-focus-inner{ border:0; padding:0; margin:0; } +.aui_buttons button:focus { outline:none 0; border-color:#426DC9; box-shadow:0 0 8px rgba(66, 109, 201, .9); } +.aui_buttons button:hover { color:#000; border-color:#666; } +.aui_buttons button:active { border-color:#666; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF'); background: linear-gradient(top, #DDD, #FFF); background: -moz-linear-gradient(top, #DDD, #FFF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#FFF)); box-shadow:inset 0 1px 5px rgba(66, 109, 201, .9), inset 0 1px 1em rgba(0, 0, 0, .3); } +.aui_buttons button[disabled] { cursor:default; color:#666; background:#DDD; border: solid 1px #999; filter:alpha(opacity=50); opacity:.5; box-shadow:none; } +button.aui_state_highlight { color: #FFF; border: solid 1px #1c6a9e; background: #2288cc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); text-shadow: -1px -1px 1px #1c6a9e; } +button.aui_state_highlight:hover { color:#FFF; border-color:#0F3A56; } +button.aui_state_highlight:active { border-color:#1c6a9e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); } +/* common end */ + +.aui_inner { background:#FFF; } +.aui_titleBar { width:100%; height:0; position:relative; bottom:30px; _bottom:0; _margin-top:-30px; } +.aui_title { height:29px; line-height:29px; padding:0 16px 0 0; _padding:0; color:#FFF; font-weight:700; text-shadow:1px 1px 0 rgba(0, 0, 0, .9); } +.aui_nw, .aui_ne, .aui_sw, .aui_se, .aui_n, .aui_s, .aui_close { background-image:url(aero/aero_s.png); background-repeat:no-repeat; } +.aui_nw { width:14px; height:34px; background-position: 0 0; _png:aero/ie6/aui_nw.png; } +.aui_ne { width:14px; height:34px; background-position: -14px 0; _png:aero/ie6/aui_ne.png; } +.aui_sw { width:14px; height:14px; background-position: 0 -34px; _png:aero/ie6/aui_sw.png; } +.aui_se { width:14px; height:14px; background-position: -14px -34px; _png:aero/ie6/aui_se.png; } +.aui_close { top:7px; right:0; _z-index:1; width:13px; height:13px; _font-size:0; _line-height:0; text-indent:-9999em; background-position:left -96px; _background:url(aero/ie6/aui_close.png); } +.aui_close:hover { background-position:right -96px; _background:url(aero/ie6/aui_close.hover.png); } +.aui_n, .aui_s { background-repeat:repeat-x; } +.aui_n { background-position: 0 -48px; _png:aero/ie6/aui_n.png; } +.aui_s { background-position: 0 -82px; _png:aero/ie6/aui_s.png; } +.aui_w, .aui_e { background-image:url(aero/aero_s2.png); background-repeat:repeat-y; } +.aui_w { background-position:left top; _png:aero/ie6/aui_w.png; } +.aui_e { background-position: right bottom; _png:aero/ie6/aui_e.png; } +.aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_sw, .aui_state_noTitle .aui_se { width:3px; height:3px; } +.aui_state_noTitle .aui_inner { border:1px solid #666; background:#FFF; } +.aui_state_noTitle .aui_outer { box-shadow:none; } +.aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_n, .aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_w, .aui_state_noTitle .aui_e, .aui_state_noTitle .aui_sw, .aui_state_noTitle .aui_s, .aui_state_noTitle .aui_se { background:rgba(0, 0, 0, .05); background:#000\9!important; filter:alpha(opacity=5)!important; } +.aui_state_noTitle .aui_titleBar { bottom:0; _bottom:0; _margin-top:0; } +.aui_state_noTitle .aui_close { top:0; right:0; width:18px; height:18px; line-height:18px; text-align:center; text-indent:0; font-family: Helvetica, STHeiti; _font-family: '\u9ed1\u4f53', 'Book Antiqua', Palatino; font-size:18px; text-decoration:none; color:#214FA3; background:none; filter:!important; } +.aui_state_noTitle .aui_close:hover, .aui_state_noTitle .aui_close:active { text-decoration:none; color:#900; } \ No newline at end of file diff --git a/public/static/baidu/js/artDialog/skins/aero/aero_s.png b/public/static/baidu/js/artDialog/skins/aero/aero_s.png new file mode 100644 index 0000000..ff3a379 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/aero/aero_s.png differ diff --git a/public/static/baidu/js/artDialog/skins/aero/aero_s2.png b/public/static/baidu/js/artDialog/skins/aero/aero_s2.png new file mode 100644 index 0000000..6fda697 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/aero/aero_s2.png differ diff --git a/public/static/baidu/js/artDialog/skins/aero/ie6/aui_close.hover.png b/public/static/baidu/js/artDialog/skins/aero/ie6/aui_close.hover.png new file mode 100644 index 0000000..d424838 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/aero/ie6/aui_close.hover.png differ diff --git a/public/static/baidu/js/artDialog/skins/aero/ie6/aui_close.png b/public/static/baidu/js/artDialog/skins/aero/ie6/aui_close.png new file mode 100644 index 0000000..6aef1a8 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/aero/ie6/aui_close.png differ diff --git a/public/static/baidu/js/artDialog/skins/aero/ie6/aui_e.png b/public/static/baidu/js/artDialog/skins/aero/ie6/aui_e.png new file mode 100644 index 0000000..413cd23 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/aero/ie6/aui_e.png differ diff --git a/public/static/baidu/js/artDialog/skins/aero/ie6/aui_n.png b/public/static/baidu/js/artDialog/skins/aero/ie6/aui_n.png new file mode 100644 index 0000000..5b0b0cd Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/aero/ie6/aui_n.png differ diff --git a/public/static/baidu/js/artDialog/skins/aero/ie6/aui_ne.png b/public/static/baidu/js/artDialog/skins/aero/ie6/aui_ne.png new file mode 100644 index 0000000..23e82f6 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/aero/ie6/aui_ne.png differ diff --git a/public/static/baidu/js/artDialog/skins/aero/ie6/aui_nw.png b/public/static/baidu/js/artDialog/skins/aero/ie6/aui_nw.png new file mode 100644 index 0000000..8212d5a Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/aero/ie6/aui_nw.png differ diff --git a/public/static/baidu/js/artDialog/skins/aero/ie6/aui_s.png b/public/static/baidu/js/artDialog/skins/aero/ie6/aui_s.png new file mode 100644 index 0000000..4e24a73 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/aero/ie6/aui_s.png differ diff --git a/public/static/baidu/js/artDialog/skins/aero/ie6/aui_se.png b/public/static/baidu/js/artDialog/skins/aero/ie6/aui_se.png new file mode 100644 index 0000000..668bd83 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/aero/ie6/aui_se.png differ diff --git a/public/static/baidu/js/artDialog/skins/aero/ie6/aui_sw.png b/public/static/baidu/js/artDialog/skins/aero/ie6/aui_sw.png new file mode 100644 index 0000000..539584e Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/aero/ie6/aui_sw.png differ diff --git a/public/static/baidu/js/artDialog/skins/aero/ie6/aui_title_icon.png b/public/static/baidu/js/artDialog/skins/aero/ie6/aui_title_icon.png new file mode 100644 index 0000000..149aba4 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/aero/ie6/aui_title_icon.png differ diff --git a/public/static/baidu/js/artDialog/skins/aero/ie6/aui_w.png b/public/static/baidu/js/artDialog/skins/aero/ie6/aui_w.png new file mode 100644 index 0000000..a00691b Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/aero/ie6/aui_w.png differ diff --git a/public/static/baidu/js/artDialog/skins/black.css b/public/static/baidu/js/artDialog/skins/black.css new file mode 100644 index 0000000..94ec943 --- /dev/null +++ b/public/static/baidu/js/artDialog/skins/black.css @@ -0,0 +1,79 @@ +@charset "utf-8"; +/* + * artDialog skin + * http://code.google.com/p/artdialog/ + * (c) 2009-2011 TangBin, http://www.planeArt.cn + * + * This is licensed under the GNU LGPL, version 2.1 or later. + * For details, see: http://creativecommons.org/licenses/LGPL/2.1/ + */ + +/* common start */ +body { _margin:0; _height:100%; /*IE6 BUG*/ } +.aui_outer { text-align:left; } +table.aui_border, table.aui_dialog { border:0; margin:0; border-collapse:collapse; width:auto; } +.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_c, .aui_e, .aui_sw, .aui_s, .aui_se, .aui_header, .aui_tdIcon, .aui_main, .aui_footer { padding:0; } +.aui_header, .aui_buttons button { font: 12px/1.11 'Microsoft Yahei', Tahoma, Arial, Helvetica, STHeiti; _font-family:Tahoma,Arial,Helvetica,STHeiti; -o-font-family: Tahoma, Arial; } +.aui_title { overflow:hidden; text-overflow: ellipsis; } +.aui_state_noTitle .aui_title { display:none; } +.aui_close { display:block; position:absolute; text-decoration:none; outline:none; _cursor:pointer; } +.aui_close:hover { text-decoration:none; } +.aui_main { text-align:center; min-width:9em; min-width:0 \9/*IE8 BUG*/; } +.aui_content { display:inline-block; *zoom:1; *display:inline; text-align:left; border:none 0; } +.aui_content.aui_state_full { display:block; width:100%; margin:0; padding:0!important; height:100%; } +.aui_loading { width:96px; height:32px; text-align:left; text-indent:-999em; overflow:hidden; background:url(icons/loading.gif) no-repeat center center; } +.aui_icon { vertical-align: middle; } +.aui_icon div { width:48px; height:48px; margin:10px 0 10px 10px; background-position: center center; background-repeat:no-repeat; } +.aui_buttons { padding:8px; text-align:right; white-space:nowrap; } +.aui_buttons button { margin-left:15px; padding: 6px 8px; cursor: pointer; display: inline-block; text-align: center; line-height: 1; *padding:4px 10px; *height:2em; letter-spacing:2px; font-family: Tahoma, Arial/9!important; width:auto; overflow:visible; *width:1; color: #333; border: solid 1px #999; border-radius: 5px; background: #DDD; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD'); background: linear-gradient(top, #FFF, #DDD); background: -moz-linear-gradient(top, #FFF, #DDD); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#DDD)); text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); box-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0 -1px 0 rgba(0, 0, 0, .09); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: box-shadow linear .2s; } +.aui_buttons button::-moz-focus-inner{ border:0; padding:0; margin:0; } +.aui_buttons button:focus { outline:none 0; border-color:#426DC9; box-shadow:0 0 8px rgba(66, 109, 201, .9); } +.aui_buttons button:hover { color:#000; border-color:#666; } +.aui_buttons button:active { border-color:#666; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF'); background: linear-gradient(top, #DDD, #FFF); background: -moz-linear-gradient(top, #DDD, #FFF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#FFF)); box-shadow:inset 0 1px 5px rgba(66, 109, 201, .9), inset 0 1px 1em rgba(0, 0, 0, .3); } +.aui_buttons button[disabled] { cursor:default; color:#666; background:#DDD; border: solid 1px #999; filter:alpha(opacity=50); opacity:.5; box-shadow:none; } +button.aui_state_highlight { color: #FFF; border: solid 1px #3399dd; background: #2288cc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); text-shadow: -1px -1px 1px #1c6a9e; } +button.aui_state_highlight:hover { color:#FFF; border-color:#1c6a9e; } +button.aui_state_highlight:active { border-color:#1c6a9e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); } +/* common end */ + +.aui_inner { background:#f7f7f7; } +.aui_titleBar { width:100%; height:0; position:relative; bottom:30px; _bottom:0; _margin-top:-30px; } +.aui_title { height:29px; line-height:29px; padding:0 25px 0 0; _padding:0; text-indent:5px; color:#FFF; font-weight:700; text-shadow:-1px -1px 0 rgba(0, 0, 0, .7); } +.aui_nw, .aui_ne, .aui_sw, .aui_se, .aui_n, .aui_s, .aui_close { background-image:url(black/bg.png); background-repeat:no-repeat; } +.aui_nw { width:15px; height:38px; background-position: 0 0; _png:black/ie6/nw.png; } +.aui_ne { width:15px; height:38px; background-position: -15px 0; _png:black/ie6/ne.png; } +.aui_sw { width:15px; height:18px; background-position: 0 -38px; _png:black/ie6/sw.png; } +.aui_se { width:15px; height:18px; background-position: -15px -38px; _png:black/ie6/se.png; } +.aui_close { top:4px; right:4px; _z-index:1; width:20px; height:20px; _font-size:0; _line-height:0; text-indent:-9999em; background-position:0 -112px; _png:black/ie6/close.png; } +.aui_close:hover { background-position:0 -132px; } +.aui_n, .aui_s { background-repeat:repeat-x; } +.aui_n { background-position: 0 -56px; _png:black/ie6/n.png; } +.aui_s { background-position: 0 -94px; _png:black/ie6/s.png; } +.aui_w, .aui_e { background-image:url(black/bg2.png); background-repeat:repeat-y; } +.aui_w { background-position:left top; _png:black/ie6/w.png; } +.aui_e { background-position: right bottom; _png:black/ie6/e.png; } +aui_icon, .aui_main { padding-top:3px; } +@media screen and (min-width:0) { + .aui_outer { border-radius:8px; box-shadow:0 5px 15px rgba(0, 0, 0, .4); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: -webkit-box-shadow linear .2s; } + .aui_state_drag .aui_outer { box-shadow:none; } + .aui_state_lock .aui_outer { box-shadow:0 3px 26px rgba(0, 0, 0, .9); } + .aui_outer:active { box-shadow:0 0 5px rgba(0, 0, 0, .1)!important; } + .aui_state_drag .aui_outer { box-shadow:none!important; } + .aui_nw, .aui_ne, .aui_sw, .aui_se, .aui_n, .aui_s, .aui_close { background-image:url(black/bg_css3.png); } + .aui_nw { width:5px; height:31px; } + .aui_ne { width:5px; height:31px; background-position: -5px 0; _png:black/ie6/ne.png; } + .aui_sw { width:5px; height:5px;background-position: 0 -31px; } + .aui_se { width:5px; height:5px; background-position: -5px -31px; } + .aui_close { background-position:0 -72px; } + .aui_close:hover { background-position:0 -92px; } + .aui_n { background-position: 0 -36px; } + .aui_s { background-position: 0 -67px; } + .aui_w, .aui_e { background-image:url(black/bg_css3_2.png); } +} +.aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_sw, .aui_state_noTitle .aui_se { width:3px; height:3px; } +.aui_state_noTitle .aui_inner { border:1px solid #666; background:#FFF; } +.aui_state_noTitle .aui_outer { box-shadow:none; } +.aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_n, .aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_w, .aui_state_noTitle .aui_e, .aui_state_noTitle .aui_sw, .aui_state_noTitle .aui_s, .aui_state_noTitle .aui_se { background:rgba(0, 0, 0, .05); background:#000\9!important; filter:alpha(opacity=5)!important; } +.aui_state_noTitle .aui_titleBar { bottom:0; _bottom:0; _margin-top:0; } +.aui_state_noTitle .aui_close { top:0; right:0; width:18px; height:18px; line-height:18px; text-align:center; text-indent:0; font-family: Helvetica, STHeiti; _font-family: '\u9ed1\u4f53', 'Book Antiqua', Palatino; font-size:18px; text-decoration:none; color:#214FA3; background:none; filter:!important; } +.aui_state_noTitle .aui_close:hover, .aui_state_noTitle .aui_close:active { text-decoration:none; color:#900; } \ No newline at end of file diff --git a/public/static/baidu/js/artDialog/skins/black/bg.png b/public/static/baidu/js/artDialog/skins/black/bg.png new file mode 100644 index 0000000..6d42b89 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/black/bg.png differ diff --git a/public/static/baidu/js/artDialog/skins/black/bg2.png b/public/static/baidu/js/artDialog/skins/black/bg2.png new file mode 100644 index 0000000..8f5568d Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/black/bg2.png differ diff --git a/public/static/baidu/js/artDialog/skins/black/bg_css3.png b/public/static/baidu/js/artDialog/skins/black/bg_css3.png new file mode 100644 index 0000000..32cc89d Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/black/bg_css3.png differ diff --git a/public/static/baidu/js/artDialog/skins/black/bg_css3_2.png b/public/static/baidu/js/artDialog/skins/black/bg_css3_2.png new file mode 100644 index 0000000..4e5801b Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/black/bg_css3_2.png differ diff --git a/public/static/baidu/js/artDialog/skins/black/ie6/close.hover.png b/public/static/baidu/js/artDialog/skins/black/ie6/close.hover.png new file mode 100644 index 0000000..73b02c4 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/black/ie6/close.hover.png differ diff --git a/public/static/baidu/js/artDialog/skins/black/ie6/close.png b/public/static/baidu/js/artDialog/skins/black/ie6/close.png new file mode 100644 index 0000000..d18600b Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/black/ie6/close.png differ diff --git a/public/static/baidu/js/artDialog/skins/black/ie6/e.png b/public/static/baidu/js/artDialog/skins/black/ie6/e.png new file mode 100644 index 0000000..0dbe769 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/black/ie6/e.png differ diff --git a/public/static/baidu/js/artDialog/skins/black/ie6/n.png b/public/static/baidu/js/artDialog/skins/black/ie6/n.png new file mode 100644 index 0000000..67ba731 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/black/ie6/n.png differ diff --git a/public/static/baidu/js/artDialog/skins/black/ie6/ne.png b/public/static/baidu/js/artDialog/skins/black/ie6/ne.png new file mode 100644 index 0000000..7f34d69 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/black/ie6/ne.png differ diff --git a/public/static/baidu/js/artDialog/skins/black/ie6/nw.png b/public/static/baidu/js/artDialog/skins/black/ie6/nw.png new file mode 100644 index 0000000..74b5285 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/black/ie6/nw.png differ diff --git a/public/static/baidu/js/artDialog/skins/black/ie6/s.png b/public/static/baidu/js/artDialog/skins/black/ie6/s.png new file mode 100644 index 0000000..aadc5bc Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/black/ie6/s.png differ diff --git a/public/static/baidu/js/artDialog/skins/black/ie6/se.png b/public/static/baidu/js/artDialog/skins/black/ie6/se.png new file mode 100644 index 0000000..6a4ac96 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/black/ie6/se.png differ diff --git a/public/static/baidu/js/artDialog/skins/black/ie6/sw.png b/public/static/baidu/js/artDialog/skins/black/ie6/sw.png new file mode 100644 index 0000000..5637896 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/black/ie6/sw.png differ diff --git a/public/static/baidu/js/artDialog/skins/black/ie6/w.png b/public/static/baidu/js/artDialog/skins/black/ie6/w.png new file mode 100644 index 0000000..910b3a1 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/black/ie6/w.png differ diff --git a/public/static/baidu/js/artDialog/skins/blue.css b/public/static/baidu/js/artDialog/skins/blue.css new file mode 100644 index 0000000..35f8042 --- /dev/null +++ b/public/static/baidu/js/artDialog/skins/blue.css @@ -0,0 +1,79 @@ +@charset "utf-8"; +/* + * artDialog skin + * http://code.google.com/p/artdialog/ + * (c) 2009-2011 TangBin, http://www.planeArt.cn + * + * This is licensed under the GNU LGPL, version 2.1 or later. + * For details, see: http://creativecommons.org/licenses/LGPL/2.1/ + */ + +/* common start */ +body { _margin:0; _height:100%; /*IE6 BUG*/ } +.aui_outer { text-align:left; } +table.aui_border, table.aui_dialog { border:0; margin:0; border-collapse:collapse; width:auto; } +.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_c, .aui_e, .aui_sw, .aui_s, .aui_se, .aui_header, .aui_tdIcon, .aui_main, .aui_footer { padding:0; } +.aui_header, .aui_buttons button { font: 12px/1.11 'Microsoft Yahei', Tahoma, Arial, Helvetica, STHeiti; _font-family:Tahoma,Arial,Helvetica,STHeiti; -o-font-family: Tahoma, Arial; } +.aui_title { overflow:hidden; text-overflow: ellipsis; } +.aui_state_noTitle .aui_title { display:none; } +.aui_close { display:block; position:absolute; text-decoration:none; outline:none; _cursor:pointer; } +.aui_close:hover { text-decoration:none; } +.aui_main { text-align:center; min-width:9em; min-width:0 \9/*IE8 BUG*/; } +.aui_content { display:inline-block; *zoom:1; *display:inline; text-align:left; border:none 0; } +.aui_content.aui_state_full { display:block; width:100%; margin:0; padding:0!important; height:100%; } +.aui_loading { width:96px; height:32px; text-align:left; text-indent:-999em; overflow:hidden; background:url(icons/loading.gif) no-repeat center center; } +.aui_icon { vertical-align: middle; } +.aui_icon div { width:48px; height:48px; margin:10px 0 10px 10px; background-position: center center; background-repeat:no-repeat; } +.aui_buttons { padding:8px; text-align:right; white-space:nowrap; } +.aui_buttons button { margin-left:15px; padding: 6px 8px; cursor: pointer; display: inline-block; text-align: center; line-height: 1; *padding:4px 10px; *height:2em; letter-spacing:2px; font-family: Tahoma, Arial/9!important; width:auto; overflow:visible; *width:1; color: #333; border: solid 1px #999; border-radius: 5px; background: #DDD; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD'); background: linear-gradient(top, #FFF, #DDD); background: -moz-linear-gradient(top, #FFF, #DDD); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#DDD)); text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); box-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0 -1px 0 rgba(0, 0, 0, .09); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: box-shadow linear .2s; } +.aui_buttons button::-moz-focus-inner{ border:0; padding:0; margin:0; } +.aui_buttons button:focus { outline:none 0; border-color:#426DC9; box-shadow:0 0 8px rgba(66, 109, 201, .9); } +.aui_buttons button:hover { color:#000; border-color:#666; } +.aui_buttons button:active { border-color:#666; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF'); background: linear-gradient(top, #DDD, #FFF); background: -moz-linear-gradient(top, #DDD, #FFF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#FFF)); box-shadow:inset 0 1px 5px rgba(66, 109, 201, .9), inset 0 1px 1em rgba(0, 0, 0, .3); } +.aui_buttons button[disabled] { cursor:default; color:#666; background:#DDD; border: solid 1px #999; filter:alpha(opacity=50); opacity:.5; box-shadow:none; } +button.aui_state_highlight { color: #FFF; border: solid 1px #3399dd; background: #2288cc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); text-shadow: -1px -1px 1px #1c6a9e; } +button.aui_state_highlight:hover { color:#FFF; border-color:#1c6a9e; } +button.aui_state_highlight:active { border-color:#1c6a9e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); } +/* common end */ + +.aui_inner { background:#f7f7f7; } +.aui_titleBar { width:100%; height:0; position:relative; bottom:30px; _bottom:0; _margin-top:-30px; } +.aui_title { height:29px; line-height:29px; padding:0 25px 0 0; _padding:0; text-indent:5px; color:#FFF; font-weight:700; text-shadow:-1px -1px 0 rgba(33, 79, 183, .7); } +.aui_nw, .aui_ne, .aui_sw, .aui_se, .aui_n, .aui_s, .aui_close { background-image:url(blue/bg.png); background-repeat:no-repeat; } +.aui_nw { width:15px; height:38px; background-position: 0 0; _png:blue/ie6/nw.png; } +.aui_ne { width:15px; height:38px; background-position: -15px 0; _png:blue/ie6/ne.png; } +.aui_sw { width:15px; height:18px; background-position: 0 -38px; _png:blue/ie6/sw.png; } +.aui_se { width:15px; height:18px; background-position: -15px -38px; _png:blue/ie6/se.png; } +.aui_close { top:4px; right:4px; _z-index:1; width:20px; height:20px; _font-size:0; _line-height:0; text-indent:-9999em; background-position:0 -112px; _png:blue/ie6/close.png; } +.aui_close:hover { background-position:0 -132px; } +.aui_n, .aui_s { background-repeat:repeat-x; } +.aui_n { background-position: 0 -56px; _png:blue/ie6/n.png; } +.aui_s { background-position: 0 -94px; _png:blue/ie6/s.png; } +.aui_w, .aui_e { background-image:url(blue/bg2.png); background-repeat:repeat-y; } +.aui_w { background-position:left top; _png:blue/ie6/w.png; } +.aui_e { background-position: right bottom; _png:blue/ie6/e.png; } +aui_icon, .aui_main { padding-top:3px; } +@media screen and (min-width:0) { + .aui_outer { border-radius:8px; box-shadow:0 5px 15px rgba(2, 37, 69, .4); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: -webkit-box-shadow linear .2s; } + .aui_state_drag .aui_outer { box-shadow:none; } + .aui_state_lock .aui_outer { box-shadow:0 3px 26px rgba(0, 0, 0, .9); } + .aui_outer:active { box-shadow:0 0 5px rgba(2, 37, 69, .1)!important; } + .aui_state_drag .aui_outer { box-shadow:none!important; } + .aui_nw, .aui_ne, .aui_sw, .aui_se, .aui_n, .aui_s, .aui_close { background-image:url(blue/bg_css3.png); } + .aui_nw { width:5px; height:31px; } + .aui_ne { width:5px; height:31px; background-position: -5px 0; _png:blue/ie6/ne.png; } + .aui_sw { width:5px; height:5px;background-position: 0 -31px; } + .aui_se { width:5px; height:5px; background-position: -5px -31px; } + .aui_close { background-position:0 -72px; } + .aui_close:hover { background-position:0 -92px; } + .aui_n { background-position: 0 -36px; } + .aui_s { background-position: 0 -67px; } + .aui_w, .aui_e { background-image:url(blue/bg_css3_2.png); } +} +.aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_sw, .aui_state_noTitle .aui_se { width:3px; height:3px; } +.aui_state_noTitle .aui_inner { border:1px solid #666; background:#FFF; } +.aui_state_noTitle .aui_outer { box-shadow:none; } +.aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_n, .aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_w, .aui_state_noTitle .aui_e, .aui_state_noTitle .aui_sw, .aui_state_noTitle .aui_s, .aui_state_noTitle .aui_se { background:rgba(0, 0, 0, .05); background:#000\9!important; filter:alpha(opacity=5)!important; } +.aui_state_noTitle .aui_titleBar { bottom:0; _bottom:0; _margin-top:0; } +.aui_state_noTitle .aui_close { top:0; right:0; width:18px; height:18px; line-height:18px; text-align:center; text-indent:0; font-family: Helvetica, STHeiti; _font-family: '\u9ed1\u4f53', 'Book Antiqua', Palatino; font-size:18px; text-decoration:none; color:#214FA3; background:none; filter:!important; } +.aui_state_noTitle .aui_close:hover, .aui_state_noTitle .aui_close:active { text-decoration:none; color:#900; } \ No newline at end of file diff --git a/public/static/baidu/js/artDialog/skins/blue/bg.png b/public/static/baidu/js/artDialog/skins/blue/bg.png new file mode 100644 index 0000000..52c1c01 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/blue/bg.png differ diff --git a/public/static/baidu/js/artDialog/skins/blue/bg2.png b/public/static/baidu/js/artDialog/skins/blue/bg2.png new file mode 100644 index 0000000..834c17a Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/blue/bg2.png differ diff --git a/public/static/baidu/js/artDialog/skins/blue/bg_css3.png b/public/static/baidu/js/artDialog/skins/blue/bg_css3.png new file mode 100644 index 0000000..8f55b85 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/blue/bg_css3.png differ diff --git a/public/static/baidu/js/artDialog/skins/blue/bg_css3_2.png b/public/static/baidu/js/artDialog/skins/blue/bg_css3_2.png new file mode 100644 index 0000000..b8f66eb Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/blue/bg_css3_2.png differ diff --git a/public/static/baidu/js/artDialog/skins/blue/ie6/close.hover.png b/public/static/baidu/js/artDialog/skins/blue/ie6/close.hover.png new file mode 100644 index 0000000..40de707 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/blue/ie6/close.hover.png differ diff --git a/public/static/baidu/js/artDialog/skins/blue/ie6/close.png b/public/static/baidu/js/artDialog/skins/blue/ie6/close.png new file mode 100644 index 0000000..72c7157 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/blue/ie6/close.png differ diff --git a/public/static/baidu/js/artDialog/skins/blue/ie6/e.png b/public/static/baidu/js/artDialog/skins/blue/ie6/e.png new file mode 100644 index 0000000..d892f02 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/blue/ie6/e.png differ diff --git a/public/static/baidu/js/artDialog/skins/blue/ie6/n.png b/public/static/baidu/js/artDialog/skins/blue/ie6/n.png new file mode 100644 index 0000000..28c2ff5 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/blue/ie6/n.png differ diff --git a/public/static/baidu/js/artDialog/skins/blue/ie6/ne.png b/public/static/baidu/js/artDialog/skins/blue/ie6/ne.png new file mode 100644 index 0000000..eaa3cb4 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/blue/ie6/ne.png differ diff --git a/public/static/baidu/js/artDialog/skins/blue/ie6/nw.png b/public/static/baidu/js/artDialog/skins/blue/ie6/nw.png new file mode 100644 index 0000000..45bb037 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/blue/ie6/nw.png differ diff --git a/public/static/baidu/js/artDialog/skins/blue/ie6/s.png b/public/static/baidu/js/artDialog/skins/blue/ie6/s.png new file mode 100644 index 0000000..ee9ab02 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/blue/ie6/s.png differ diff --git a/public/static/baidu/js/artDialog/skins/blue/ie6/se.png b/public/static/baidu/js/artDialog/skins/blue/ie6/se.png new file mode 100644 index 0000000..1e181ab Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/blue/ie6/se.png differ diff --git a/public/static/baidu/js/artDialog/skins/blue/ie6/sw.png b/public/static/baidu/js/artDialog/skins/blue/ie6/sw.png new file mode 100644 index 0000000..b2193e3 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/blue/ie6/sw.png differ diff --git a/public/static/baidu/js/artDialog/skins/blue/ie6/w.png b/public/static/baidu/js/artDialog/skins/blue/ie6/w.png new file mode 100644 index 0000000..6c4472d Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/blue/ie6/w.png differ diff --git a/public/static/baidu/js/artDialog/skins/chrome.css b/public/static/baidu/js/artDialog/skins/chrome.css new file mode 100644 index 0000000..78e4c34 --- /dev/null +++ b/public/static/baidu/js/artDialog/skins/chrome.css @@ -0,0 +1,61 @@ +@charset "utf-8"; +/* + * artDialog skin + * http://code.google.com/p/artdialog/ + * (c) 2009-2011 TangBin, http://www.planeArt.cn + * + * This is licensed under the GNU LGPL, version 2.1 or later. + * For details, see: http://creativecommons.org/licenses/LGPL/2.1/ + */ + +/* common start */ +body { _margin:0; _height:100%; /*IE6 BUG*/ } +.aui_outer { text-align:left; } +table.aui_border, table.aui_dialog { border:0; margin:0; border-collapse:collapse; width:auto; } +.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_c, .aui_e, .aui_sw, .aui_s, .aui_se, .aui_header, .aui_tdIcon, .aui_main, .aui_footer { padding:0; } +.aui_header, .aui_buttons button { font: 12px/1.11 'Microsoft Yahei', Tahoma, Arial, Helvetica, STHeiti; _font-family:Tahoma,Arial,Helvetica,STHeiti; -o-font-family: Tahoma, Arial; } +.aui_title { overflow:hidden; text-overflow: ellipsis; } +.aui_state_noTitle .aui_title { display:none; } +.aui_close { display:block; position:absolute; text-decoration:none; outline:none; _cursor:pointer; } +.aui_close:hover { text-decoration:none; } +.aui_main { text-align:center; min-width:9em; min-width:0\9/*IE8 BUG*/; } +.aui_content { display:inline-block; *zoom:1; *display:inline; text-align:left; border:none 0; } +.aui_content.aui_state_full { display:block; width:100%; margin:0; padding:0!important; height:100%; } +.aui_loading { width:96px; height:32px; text-align:left; text-indent:-999em; overflow:hidden; background:url(icons/loading.gif) no-repeat center center; } +.aui_icon { vertical-align: middle; } +.aui_icon div { width:48px; height:48px; margin:10px 0 10px 10px; background-position: center center; background-repeat:no-repeat; } +.aui_buttons { padding:8px; text-align:right; white-space:nowrap; } +.aui_buttons button { margin-left:15px; padding: 6px 8px; cursor: pointer; display: inline-block; text-align: center; line-height: 1; *padding:4px 10px; *height:2em; letter-spacing:2px; font-family: Tahoma, Arial/9!important; width:auto; overflow:visible; *width:1; color: #333; border: solid 1px #999; border-radius: 5px; background: #DDD; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD'); background: linear-gradient(top, #FFF, #DDD); background: -moz-linear-gradient(top, #FFF, #DDD); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#DDD)); text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); box-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0 -1px 0 rgba(0, 0, 0, .09); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: box-shadow linear .2s; } +.aui_buttons button::-moz-focus-inner{ border:0; padding:0; margin:0; } +.aui_buttons button:focus { outline:none 0; border-color:#426DC9; box-shadow:0 0 8px rgba(66, 109, 201, .9); } +.aui_buttons button:hover { color:#000; border-color:#666; } +.aui_buttons button:active { border-color:#666; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF'); background: linear-gradient(top, #DDD, #FFF); background: -moz-linear-gradient(top, #DDD, #FFF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#FFF)); box-shadow:inset 0 1px 5px rgba(66, 109, 201, .9), inset 0 1px 1em rgba(0, 0, 0, .3); } +.aui_buttons button[disabled] { cursor:default; color:#666; background:#DDD; border: solid 1px #999; filter:alpha(opacity=50); opacity:.5; box-shadow:none; } +button.aui_state_highlight { color: #FFF; border: solid 1px #1c6a9e; background: #2288cc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); text-shadow: -1px -1px 1px #1c6a9e; } +button.aui_state_highlight:hover { color:#FFF; border-color:#0F3A56; } +button.aui_state_highlight:active { border-color:#1c6a9e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); } +/* common end */ + +.aui_inner { background:#FFF; } +.aui_titleBar { width:100%; height:0; position:relative; bottom:26px; _bottom:0; _margin-top:-26px;} +.aui_title { height:26px; line-height:23px; padding:0 60px 0 5px; color:#FFF; font-weight:700; text-shadow:0 1px 0 #000; } +.aui_nw, .aui_ne, .aui_w, .aui_e, .aui_sw, .aui_se, .aui_close { background-image:url(chrome/chrome_s.png); background-repeat:no-repeat; } +.aui_nw { width:5px; height:26px; background-position: -46px -8px; } +.aui_ne { width:5px; height:26px; background-position: -53px -8px; } +.aui_w { background-position:-60px 0; background-repeat:repeat-y; } +.aui_e { background-position:-65px 0; background-repeat:repeat-y; } +.aui_sw { width:5px; height:5px; background-position: -46px -2px;} +.aui_se { width:5px; height:5px; background-position: -53px -2px;} +.aui_close { top:1px; right:0; width:44px; height:17px; background-position:0 0; _font-size:0; _line-height:0; text-indent:-9999em; } +.aui_close:hover { background-position:0 -18px; } +.aui_n, .aui_s { background-image:url(chrome/border.png); background-repeat:repeat-x; } +.aui_n { background-position:0 top; } +.aui_s { background-position: 0 bottom; } +.aui_buttons { background-color:#F6F6F6; border-top:solid 1px #DADEE5; } +.aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_sw, .aui_state_noTitle .aui_se { width:3px; height:3px; } +.aui_state_noTitle .aui_inner { border:1px solid #666; background:#FFF; } +.aui_state_noTitle .aui_outer { box-shadow:none; } +.aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_n, .aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_w, .aui_state_noTitle .aui_e, .aui_state_noTitle .aui_sw, .aui_state_noTitle .aui_s, .aui_state_noTitle .aui_se { background:rgba(0, 0, 0, .05); background:#000\9!important; filter:alpha(opacity=5)!important; } +.aui_state_noTitle .aui_titleBar { bottom:0; _bottom:0; _margin-top:0; } +.aui_state_noTitle .aui_close { top:0; right:0; width:18px; height:18px; line-height:18px; text-align:center; text-indent:0; font-family: Helvetica, STHeiti; _font-family: '\u9ed1\u4f53', 'Book Antiqua', Palatino; font-size:18px; text-decoration:none; color:#214FA3; background:none; filter:!important; } +.aui_state_noTitle .aui_close:hover, .aui_state_noTitle .aui_close:active { text-decoration:none; color:#900; } diff --git a/public/static/baidu/js/artDialog/skins/chrome/border.png b/public/static/baidu/js/artDialog/skins/chrome/border.png new file mode 100644 index 0000000..db3bdcd Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/chrome/border.png differ diff --git a/public/static/baidu/js/artDialog/skins/chrome/chrome_s.png b/public/static/baidu/js/artDialog/skins/chrome/chrome_s.png new file mode 100644 index 0000000..3f62b86 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/chrome/chrome_s.png differ diff --git a/public/static/baidu/js/artDialog/skins/default.css b/public/static/baidu/js/artDialog/skins/default.css new file mode 100644 index 0000000..aad82b2 --- /dev/null +++ b/public/static/baidu/js/artDialog/skins/default.css @@ -0,0 +1,67 @@ +@charset "utf-8"; +/* + * artDialog skin + * http://code.google.com/p/artdialog/ + * (c) 2009-2011 TangBin, http://www.planeArt.cn + * + * This is licensed under the GNU LGPL, version 2.1 or later. + * For details, see: http://creativecommons.org/licenses/LGPL/2.1/ + */ + +/* common start */ +body { _margin:0; _height:100%; /*IE6 BUG*/ } +.aui_outer { text-align:left; } +table.aui_border, table.aui_dialog { border:0; margin:0; border-collapse:collapse; width:auto; } +.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_c, .aui_e, .aui_sw, .aui_s, .aui_se, .aui_header, .aui_tdIcon, .aui_main, .aui_footer { padding:0; } +.aui_header, .aui_buttons button { font: 12px/1.11 'Microsoft Yahei', Tahoma, Arial, Helvetica, STHeiti; _font-family:Tahoma,Arial,Helvetica,STHeiti; -o-font-family: Tahoma, Arial; } +.aui_title { overflow:hidden; text-overflow: ellipsis; } +.aui_state_noTitle .aui_title { display:none; } +.aui_close { display:block; position:absolute; text-decoration:none; outline:none; _cursor:pointer; } +.aui_close:hover { text-decoration:none; } +.aui_main { text-align:center; min-width:9em; min-width:0\9/*IE8 BUG*/; } +.aui_content { display:inline-block; *zoom:1; *display:inline; text-align:left; border:none 0; } +.aui_content.aui_state_full { display:block; width:100%; margin:0; padding:0!important; height:100%; } +.aui_loading { width:96px; height:32px; text-align:left; text-indent:-999em; overflow:hidden; background:url(icons/loading.gif) no-repeat center center; } +.aui_icon { vertical-align: middle; } +.aui_icon div { width:48px; height:48px; margin:10px 0 10px 10px; background-position: center center; background-repeat:no-repeat; } +.aui_buttons { padding:8px; text-align:right; white-space:nowrap; } +.aui_buttons button { margin-left:15px; padding: 6px 8px; cursor: pointer; display: inline-block; text-align: center; line-height: 1; *padding:4px 10px; *height:2em; letter-spacing:2px; font-family: Tahoma, Arial/9!important; width:auto; overflow:visible; *width:1; color: #333; border: solid 1px #999; border-radius: 5px; background: #DDD; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD'); background: linear-gradient(top, #FFF, #DDD); background: -moz-linear-gradient(top, #FFF, #DDD); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#DDD)); text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); box-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0 -1px 0 rgba(0, 0, 0, .09); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: box-shadow linear .2s; } +.aui_buttons button::-moz-focus-inner{ border:0; padding:0; margin:0; } +.aui_buttons button:focus { outline:none 0; border-color:#426DC9; box-shadow:0 0 8px rgba(66, 109, 201, .9); } +.aui_buttons button:hover { color:#000; border-color:#666; } +.aui_buttons button:active { border-color:#666; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF'); background: linear-gradient(top, #DDD, #FFF); background: -moz-linear-gradient(top, #DDD, #FFF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#FFF)); box-shadow:inset 0 1px 5px rgba(66, 109, 201, .9), inset 0 1px 1em rgba(0, 0, 0, .3); } +.aui_buttons button[disabled] { cursor:default; color:#666; background:#DDD; border: solid 1px #999; filter:alpha(opacity=50); opacity:.5; box-shadow:none; } +button.aui_state_highlight { color: #FFF; border: solid 1px #1c6a9e; background: #2288cc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); text-shadow: -1px -1px 1px #1c6a9e; } +button.aui_state_highlight:hover { color:#FFF; border-color:#0F3A56; } +button.aui_state_highlight:active { border-color:#1c6a9e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); } +/* common end */ + +.aui_inner { background:#FFF; } +.aui_outer, .aui_inner { border:1px solid rgba(0, 0, 0, .7); border:1px solid #333\9; } +.aui_border { box-shadow: inset 0 0 1px rgba(255, 255, 255, .9); } +.aui_nw, .aui_ne, .aui_sw, .aui_se { width:8px; height:8px; } +.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_e, .aui_sw, .aui_s, .aui_se { background:rgba(0, 0, 0, .4); background:#000\9!important; filter:alpha(opacity=40); } +.aui_state_lock .aui_nw, .aui_state_lock .aui_n, .aui_state_lock .aui_ne, .aui_state_lock .aui_w, .aui_state_lock .aui_e, .aui_state_lock .aui_sw, .aui_state_lock .aui_s, .aui_state_lock .aui_se { background:rgba(0, 0, 0, .5); background:#000\9!important; filter:alpha(opacity=50); } +.aui_state_focus .aui_dialog { box-shadow: 0 0 3px rgba(0, 0, 0, 0.4); } +.aui_state_focus .aui_outer { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); } +.aui_state_lock .aui_border { box-shadow:0 3px 26px rgba(0, 0, 0, .9); } +.aui_state_drag .aui_outer, .aui_outer:active { box-shadow:none; } +.aui_titleBar { position:relative; height:100%; } +.aui_title { height:28px; line-height:27px; padding:0 28px 0 10px; text-shadow:0 1px 0 rgba(255, 255, 255, .7); background-color:#edf5f8; font-weight:bold; color:#95a7ae; font-family: Tahoma, Arial/9!important; background-color:#bdc6cd; background: linear-gradient(top, #edf5f8, #bdc6cd); background: -moz-linear-gradient(top, #edf5f8, #bdc6cd); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#edf5f8), to(#bdc6cd)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf5f8', endColorstr='#bdc6cd'); border-top:1px solid #edf5f8; border-bottom:1px solid #b6bec5; } +.aui_state_focus .aui_title { color:#4c5a5f; } +.aui_state_drag .aui_title { background: linear-gradient(top, #bdc6cd, #edf5f8); background: -moz-linear-gradient(top, #bdc6cd, #edf5f8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bdc6cd), to(#edf5f8)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdc6cd', endColorstr='#edf5f8'); box-shadow:none; } +.aui_state_drag .aui_titleBar { box-shadow:none; } +.aui_close { padding:0; top:4px; right:4px; width:21px; height:21px; line-height:21px; font-size:18px; color:#68767b; text-align:center; font-family: Helvetica, STHeiti; _font-family: Tahoma, '\u9ed1\u4f53', 'Book Antiqua', Palatino; text-shadow:0 1px 0 rgba(255, 255, 255, .9); } +.aui_close:hover { color:#C72015; } +.aui_close:active { box-shadow: none; } +.aui_content { color:#666; } +.aui_state_focus .aui_content { color:#000; } +.aui_buttons { background-color:#F6F6F6; border-top:solid 1px #DADEE5; } +.aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_sw, .aui_state_noTitle .aui_se { width:3px; height:3px; } +.aui_state_noTitle .aui_inner { border:1px solid #666; background:#FFF; } +.aui_state_noTitle .aui_outer { border:none 0; box-shadow:none; } +.aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_n, .aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_w, .aui_state_noTitle .aui_e, .aui_state_noTitle .aui_sw, .aui_state_noTitle .aui_s, .aui_state_noTitle .aui_se { background:rgba(0, 0, 0, .05); background:#000\9!important; filter:alpha(opacity=5)!important; } +.aui_state_noTitle .aui_titleBar { bottom:0; _bottom:0; _margin-top:0; } +.aui_state_noTitle .aui_close { top:0; right:0; width:18px; height:18px; line-height:18px; text-align:center; text-indent:0; font-size:18px; text-decoration:none; color:#214FA3; background:none; filter:!important; } +.aui_state_noTitle .aui_close:hover, .aui_state_noTitle .aui_close:active { text-decoration:none; color:#900; } +.aui_state_noTitle .aui_dialog { box-shadow: none; } \ No newline at end of file diff --git a/public/static/baidu/js/artDialog/skins/green.css b/public/static/baidu/js/artDialog/skins/green.css new file mode 100644 index 0000000..48ea491 --- /dev/null +++ b/public/static/baidu/js/artDialog/skins/green.css @@ -0,0 +1,79 @@ +@charset "utf-8"; +/* + * artDialog skin + * http://code.google.com/p/artdialog/ + * (c) 2009-2011 TangBin, http://www.planeArt.cn + * + * This is licensed under the GNU LGPL, version 2.1 or later. + * For details, see: http://creativecommons.org/licenses/LGPL/2.1/ + */ + +/* common start */ +body { _margin:0; _height:100%; /*IE6 BUG*/ } +.aui_outer { text-align:left; } +table.aui_border, table.aui_dialog { border:0; margin:0; border-collapse:collapse; width:auto; } +.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_c, .aui_e, .aui_sw, .aui_s, .aui_se, .aui_header, .aui_tdIcon, .aui_main, .aui_footer { padding:0; } +.aui_header, .aui_buttons button { font: 12px/1.11 'Microsoft Yahei', Tahoma, Arial, Helvetica, STHeiti; _font-family:Tahoma,Arial,Helvetica,STHeiti; -o-font-family: Tahoma, Arial; } +.aui_title { overflow:hidden; text-overflow: ellipsis; } +.aui_state_noTitle .aui_title { display:none; } +.aui_close { display:block; position:absolute; text-decoration:none; outline:none; _cursor:pointer; } +.aui_close:hover { text-decoration:none; } +.aui_main { text-align:center; min-width:9em; min-width:0 \9/*IE8 BUG*/; } +.aui_content { display:inline-block; *zoom:1; *display:inline; text-align:left; border:none 0; } +.aui_content.aui_state_full { display:block; width:100%; margin:0; padding:0!important; height:100%; } +.aui_loading { width:96px; height:32px; text-align:left; text-indent:-999em; overflow:hidden; background:url(icons/loading.gif) no-repeat center center; } +.aui_icon { vertical-align: middle; } +.aui_icon div { width:48px; height:48px; margin:10px 0 10px 10px; background-position: center center; background-repeat:no-repeat; } +.aui_buttons { padding:8px; text-align:right; white-space:nowrap; } +.aui_buttons button { margin-left:15px; padding: 6px 8px; cursor: pointer; display: inline-block; text-align: center; line-height: 1; *padding:4px 10px; *height:2em; letter-spacing:2px; font-family: Tahoma, Arial/9!important; width:auto; overflow:visible; *width:1; color: #333; border: solid 1px #999; border-radius: 5px; background: #DDD; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD'); background: linear-gradient(top, #FFF, #DDD); background: -moz-linear-gradient(top, #FFF, #DDD); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#DDD)); text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); box-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0 -1px 0 rgba(0, 0, 0, .09); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: box-shadow linear .2s; } +.aui_buttons button::-moz-focus-inner{ border:0; padding:0; margin:0; } +.aui_buttons button:focus { outline:none 0; border-color:#426DC9; box-shadow:0 0 8px rgba(0, 50, 0, .7); } +.aui_buttons button:hover { color:#000; border-color:#666; } +.aui_buttons button:active { border-color:#666; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF'); background: linear-gradient(top, #DDD, #FFF); background: -moz-linear-gradient(top, #DDD, #FFF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#FFF)); box-shadow:inset 0 1px 5px rgba(0, 50, 0, .7), inset 0 1px 1em rgba(0, 0, 0, .3); } +.aui_buttons button[disabled] { cursor:default; color:#666; background:#DDD; border: solid 1px #999; filter:alpha(opacity=50); opacity:.5; box-shadow:none; } +button.aui_state_highlight { color: #FFF; border: solid 1px #679a10; background: #7cb61b; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#98d237', endColorstr='#7cb61b'); background: linear-gradient(top, #98d237, #7cb61b); background: -moz-linear-gradient(top, #98d237, #7cb61b); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#98d237), to(#7cb61b)); text-shadow: -1px -1px 1px #679a10; } +button.aui_state_highlight:focus { border-color:#679a10; } +button.aui_state_highlight:hover { color:#FFF; border-color:#3c5412; } +button.aui_state_highlight:active { border-color:#3c5412; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#98d237', endColorstr='#7cb61b'); background: linear-gradient(top, #98d237, #7cb61b); background: -moz-linear-gradient(top, #98d237, #7cb61b); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#98d237), to(#7cb61b)); } +/* common end */ + +.aui_inner { background:#f7f7f7; } +.aui_titleBar { width:100%; height:0; position:relative; bottom:30px; _bottom:0; _margin-top:-30px; } +.aui_title { height:29px; line-height:29px; padding:0 25px 0 0; _padding:0; text-indent:5px; color:#FFF; font-weight:700; text-shadow:-1px -1px 0 rgba(0, 50, 0, .7); } +.aui_nw, .aui_ne, .aui_sw, .aui_se, .aui_n, .aui_s, .aui_close { background-image:url(green/bg.png); background-repeat:no-repeat; } +.aui_nw { width:15px; height:38px; background-position: 0 0; _png:green/ie6/nw.png; } +.aui_ne { width:15px; height:38px; background-position: -15px 0; _png:green/ie6/ne.png; } +.aui_sw { width:15px; height:18px; background-position: 0 -38px; _png:green/ie6/sw.png; } +.aui_se { width:15px; height:18px; background-position: -15px -38px; _png:green/ie6/se.png; } +.aui_close { top:4px; right:4px; _z-index:1; width:20px; height:20px; _font-size:0; _line-height:0; text-indent:-9999em; background-position:0 -112px; _png:green/ie6/close.png; } +.aui_close:hover { background-position:0 -132px; } +.aui_n, .aui_s { background-repeat:repeat-x; } +.aui_n { background-position: 0 -56px; _png:green/ie6/n.png; } +.aui_s { background-position: 0 -94px; _png:green/ie6/s.png; } +.aui_w, .aui_e { background-image:url(green/bg2.png); background-repeat:repeat-y; } +.aui_w { background-position:left top; _png:green/ie6/w.png; } +.aui_e { background-position: right bottom; _png:green/ie6/e.png; } +aui_icon, .aui_main { padding-top:3px; } +@media screen and (min-width:0) { + .aui_outer { border-radius:8px; box-shadow:0 5px 15px rgba(0, 50, 0, .4); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: -webkit-box-shadow linear .2s; } + .aui_state_lock .aui_outer { box-shadow:0 3px 26px rgba(0, 0, 0, .9); } + .aui_outer:active { box-shadow:0 0 5px rgba(0, 50, 0, .1)!important; } + .aui_state_drag .aui_outer { box-shadow:none!important; } + .aui_nw, .aui_ne, .aui_sw, .aui_se, .aui_n, .aui_s, .aui_close { background-image:url(green/bg_css3.png); } + .aui_nw { width:5px; height:31px; } + .aui_ne { width:5px; height:31px; background-position: -5px 0; _png:green/ie6/ne.png; } + .aui_sw { width:5px; height:5px;background-position: 0 -31px; } + .aui_se { width:5px; height:5px; background-position: -5px -31px; } + .aui_close { background-position:0 -72px; } + .aui_close:hover { background-position:0 -92px; } + .aui_n { background-position: 0 -36px; } + .aui_s { background-position: 0 -67px; } + .aui_w, .aui_e { background-image:url(green/bg_css3_2.png); } +} +.aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_sw, .aui_state_noTitle .aui_se { width:3px; height:3px; } +.aui_state_noTitle .aui_inner { border:1px solid #666; background:#FFF; } +.aui_state_noTitle .aui_outer { box-shadow:none; } +.aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_n, .aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_w, .aui_state_noTitle .aui_e, .aui_state_noTitle .aui_sw, .aui_state_noTitle .aui_s, .aui_state_noTitle .aui_se { background:rgba(0, 0, 0, .05); background:#000\9!important; filter:alpha(opacity=5)!important; } +.aui_state_noTitle .aui_titleBar { bottom:0; _bottom:0; _margin-top:0; } +.aui_state_noTitle .aui_close { top:0; right:0; width:18px; height:18px; line-height:18px; text-align:center; text-indent:0; font-family: Helvetica, STHeiti; _font-family: '\u9ed1\u4f53', 'Book Antiqua', Palatino; font-size:18px; text-decoration:none; color:#214FA3; background:none; filter:!important; } +.aui_state_noTitle .aui_close:hover, .aui_state_noTitle .aui_close:active { text-decoration:none; color:#900; } \ No newline at end of file diff --git a/public/static/baidu/js/artDialog/skins/green/bg.png b/public/static/baidu/js/artDialog/skins/green/bg.png new file mode 100644 index 0000000..7919c88 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/green/bg.png differ diff --git a/public/static/baidu/js/artDialog/skins/green/bg2.png b/public/static/baidu/js/artDialog/skins/green/bg2.png new file mode 100644 index 0000000..3faa0c8 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/green/bg2.png differ diff --git a/public/static/baidu/js/artDialog/skins/green/bg_css3.png b/public/static/baidu/js/artDialog/skins/green/bg_css3.png new file mode 100644 index 0000000..aa255e4 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/green/bg_css3.png differ diff --git a/public/static/baidu/js/artDialog/skins/green/bg_css3_2.png b/public/static/baidu/js/artDialog/skins/green/bg_css3_2.png new file mode 100644 index 0000000..4e5801b Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/green/bg_css3_2.png differ diff --git a/public/static/baidu/js/artDialog/skins/green/color_bg.png b/public/static/baidu/js/artDialog/skins/green/color_bg.png new file mode 100644 index 0000000..7919c88 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/green/color_bg.png differ diff --git a/public/static/baidu/js/artDialog/skins/green/ie6/close.hover.png b/public/static/baidu/js/artDialog/skins/green/ie6/close.hover.png new file mode 100644 index 0000000..46fc9d7 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/green/ie6/close.hover.png differ diff --git a/public/static/baidu/js/artDialog/skins/green/ie6/close.png b/public/static/baidu/js/artDialog/skins/green/ie6/close.png new file mode 100644 index 0000000..932e597 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/green/ie6/close.png differ diff --git a/public/static/baidu/js/artDialog/skins/green/ie6/e.png b/public/static/baidu/js/artDialog/skins/green/ie6/e.png new file mode 100644 index 0000000..c3fc738 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/green/ie6/e.png differ diff --git a/public/static/baidu/js/artDialog/skins/green/ie6/n.png b/public/static/baidu/js/artDialog/skins/green/ie6/n.png new file mode 100644 index 0000000..8742f20 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/green/ie6/n.png differ diff --git a/public/static/baidu/js/artDialog/skins/green/ie6/ne.png b/public/static/baidu/js/artDialog/skins/green/ie6/ne.png new file mode 100644 index 0000000..57e8e62 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/green/ie6/ne.png differ diff --git a/public/static/baidu/js/artDialog/skins/green/ie6/nw.png b/public/static/baidu/js/artDialog/skins/green/ie6/nw.png new file mode 100644 index 0000000..a210191 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/green/ie6/nw.png differ diff --git a/public/static/baidu/js/artDialog/skins/green/ie6/s.png b/public/static/baidu/js/artDialog/skins/green/ie6/s.png new file mode 100644 index 0000000..67fcd94 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/green/ie6/s.png differ diff --git a/public/static/baidu/js/artDialog/skins/green/ie6/se.png b/public/static/baidu/js/artDialog/skins/green/ie6/se.png new file mode 100644 index 0000000..c6d9744 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/green/ie6/se.png differ diff --git a/public/static/baidu/js/artDialog/skins/green/ie6/sw.png b/public/static/baidu/js/artDialog/skins/green/ie6/sw.png new file mode 100644 index 0000000..d135dcd Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/green/ie6/sw.png differ diff --git a/public/static/baidu/js/artDialog/skins/green/ie6/w.png b/public/static/baidu/js/artDialog/skins/green/ie6/w.png new file mode 100644 index 0000000..4337826 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/green/ie6/w.png differ diff --git a/public/static/baidu/js/artDialog/skins/icons/error.png b/public/static/baidu/js/artDialog/skins/icons/error.png new file mode 100644 index 0000000..4929a2e Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/icons/error.png differ diff --git a/public/static/baidu/js/artDialog/skins/icons/face-sad.png b/public/static/baidu/js/artDialog/skins/icons/face-sad.png new file mode 100644 index 0000000..5d819d8 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/icons/face-sad.png differ diff --git a/public/static/baidu/js/artDialog/skins/icons/face-smile.png b/public/static/baidu/js/artDialog/skins/icons/face-smile.png new file mode 100644 index 0000000..f952c13 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/icons/face-smile.png differ diff --git a/public/static/baidu/js/artDialog/skins/icons/loading.gif b/public/static/baidu/js/artDialog/skins/icons/loading.gif new file mode 100644 index 0000000..e8c2892 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/icons/loading.gif differ diff --git a/public/static/baidu/js/artDialog/skins/icons/question.png b/public/static/baidu/js/artDialog/skins/icons/question.png new file mode 100644 index 0000000..941a4c9 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/icons/question.png differ diff --git a/public/static/baidu/js/artDialog/skins/icons/succeed.png b/public/static/baidu/js/artDialog/skins/icons/succeed.png new file mode 100644 index 0000000..c78d40b Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/icons/succeed.png differ diff --git a/public/static/baidu/js/artDialog/skins/icons/warning.png b/public/static/baidu/js/artDialog/skins/icons/warning.png new file mode 100644 index 0000000..bcaab1e Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/icons/warning.png differ diff --git a/public/static/baidu/js/artDialog/skins/idialog.css b/public/static/baidu/js/artDialog/skins/idialog.css new file mode 100644 index 0000000..23c6d87 --- /dev/null +++ b/public/static/baidu/js/artDialog/skins/idialog.css @@ -0,0 +1,71 @@ +@charset "utf-8"; +/* + * artDialog skin + * http://code.google.com/p/artdialog/ + * (c) 2009-2011 TangBin, http://www.planeArt.cn + * + * This is licensed under the GNU LGPL, version 2.1 or later. + * For details, see: http://creativecommons.org/licenses/LGPL/2.1/ + */ + +/* common start */ +body { _margin:0; _height:100%; /*IE6 BUG*/ } +.aui_outer { text-align:left; } +table.aui_border, table.aui_dialog { border:0; margin:0; border-collapse:collapse; width:auto; } +.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_c, .aui_e, .aui_sw, .aui_s, .aui_se, .aui_header, .aui_tdIcon, .aui_main, .aui_footer { padding:0; } +.aui_header, .aui_buttons button { font: 12px/1.11 'Microsoft Yahei', Tahoma, Arial, Helvetica, STHeiti; _font-family:Tahoma,Arial,Helvetica,STHeiti; -o-font-family: Tahoma, Arial; } +.aui_title { overflow:hidden; text-overflow: ellipsis; } +.aui_state_noTitle .aui_title { display:none; } +.aui_close { display:block; position:absolute; text-decoration:none; outline:none; _cursor:pointer; } +.aui_close:hover { text-decoration:none; } +.aui_main { text-align:center; min-width:9em; min-width:0\9/*IE8 BUG*/; } +.aui_content { display:inline-block; *zoom:1; *display:inline; text-align:left; border:none 0; } +.aui_content.aui_state_full { display:block; width:100%; margin:0; padding:0!important; height:100%; } +.aui_loading { width:96px; height:32px; text-align:left; text-indent:-999em; overflow:hidden; background:url(icons/loading.gif) no-repeat center center; } +.aui_icon { vertical-align: middle; } +.aui_icon div { width:48px; height:48px; margin:10px 0 10px 10px; background-position: center center; background-repeat:no-repeat; } +.aui_buttons { padding:8px; text-align:right; white-space:nowrap; } +.aui_buttons button { margin-left:15px; padding: 6px 8px; cursor: pointer; display: inline-block; text-align: center; line-height: 1; *padding:4px 10px; *height:2em; letter-spacing:2px; font-family: Tahoma, Arial/9!important; width:auto; overflow:visible; *width:1; color: #333; border: solid 1px #999; border-radius: 5px; background: #DDD; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD'); background: linear-gradient(top, #FFF, #DDD); background: -moz-linear-gradient(top, #FFF, #DDD); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#DDD)); text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); box-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0 -1px 0 rgba(0, 0, 0, .09); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: box-shadow linear .2s; } +.aui_buttons button::-moz-focus-inner{ border:0; padding:0; margin:0; } +.aui_buttons button:focus { outline:none 0; border-color:#426DC9; box-shadow:0 0 8px rgba(66, 109, 201, .9); } +.aui_buttons button:hover { color:#000; border-color:#666; } +.aui_buttons button:active { border-color:#666; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF'); background: linear-gradient(top, #DDD, #FFF); background: -moz-linear-gradient(top, #DDD, #FFF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#FFF)); box-shadow:inset 0 1px 5px rgba(66, 109, 201, .9), inset 0 1px 1em rgba(0, 0, 0, .3); } +.aui_buttons button[disabled] { cursor:default; color:#666; background:#DDD; border: solid 1px #999; filter:alpha(opacity=50); opacity:.5; box-shadow:none; } +button.aui_state_highlight { color: #FFF; border: solid 1px #1c6a9e; background: #2288cc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); text-shadow: -1px -1px 1px #1c6a9e; } +button.aui_state_highlight:hover { color:#FFF; border-color:#0F3A56; } +button.aui_state_highlight:active { border-color:#1c6a9e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); } +/* common end */ + +.aui_inner { background:#FFF; } +.aui_titleBar { width:100%; } +.aui_title { position:absolute; left:0; top:0; width:100%; height:22px; text-align:left; text-indent:-999em; font-size:0; } +.aui_nw, .aui_ne, .aui_sw, .aui_se, .aui_n, .aui_s, .aui_close { background-image:url(idialog/idialog_s.png); background-repeat:no-repeat; } +.aui_nw { width:15px; height:15px; background-position: 0 0; _png:idialog/ie6/aui_nw.png; } +.aui_ne { width:15px; height:15px; background-position: -15px 0; _png:idialog/ie6/aui_ne.png; } +.aui_sw { width:15px; height:15px; background-position: 0 -15px; _png:idialog/ie6/aui_sw.png; } +.aui_se { width:15px; height:15px; background-position: -15px -15px; _png:idialog/ie6/aui_se.png; } +.aui_close { position:absolute; right:-8px; top:-8px; _z-index:1; width:34px; height:34px; _font-size:0; _line-height:0; text-indent:-9999em; background-position:0 -60px; _png:idialog/ie6/aui_close.png; } +.aui_close:hover { background-position:0 -94px; _png:idialog/ie6/aui_close.hover.png; } +.aui_n, .aui_s { background-repeat:repeat-x; } +.aui_n { background-position: 0 -30px; _png:idialog/ie6/aui_n.png; } +.aui_s { background-position: 0 -45px; _png:idialog/ie6/aui_s.png; } +.aui_w, .aui_e { background-image:url(idialog/idialog_s2.png); background-repeat:repeat-y; } +.aui_w { background-position:left top; _png:idialog/ie6/aui_w.png; } +.aui_e { background-position: right bottom; _png:idialog/ie6/aui_e.png; } +@media screen and (min-width:0) {/* css3 */ + .aui_nw, .aui_ne, .aui_sw, .aui_se{ width:5px; height:5px; } + .aui_nw, .aui_n, .aui_ne, .aui_w, .aui_e, .aui_sw, .aui_s, .aui_se { background:none; } + .aui_sw, .aui_s, .aui_se { background:url(idialog/idialog_s.png) repeat-x 0 -45px; } + .aui_sw { border-radius:0 0 0 5px; } + .aui_se { border-radius:0 0 5px 0; } + .aui_outer { border:1px solid #929292; border-radius:5px; box-shadow:0 3px 8px rgba(0, 0, 0, .2); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: -webkit-box-shadow linear .2s; } + .aui_border { border-radius:5px; background:#FFF; } + .aui_state_drag .aui_outer { box-shadow:none; } + .aui_state_lock .aui_outer { box-shadow:0 3px 26px rgba(0, 0, 0, .9); } + .aui_outer:active { box-shadow:0 0 5px rgba(0, 0, 0, .1)!important; } + .aui_state_drag .aui_outer { box-shadow:none!important; } + .aui_close { right:-16px; top:-16px; } +} +@media screen and (-webkit-min-device-pixel-ratio:0) {/* apple | webkit */ + .aui_close { right:auto; left:-16px; top:-16px; } +} diff --git a/public/static/baidu/js/artDialog/skins/idialog/idialog_s.png b/public/static/baidu/js/artDialog/skins/idialog/idialog_s.png new file mode 100644 index 0000000..d86d054 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/idialog/idialog_s.png differ diff --git a/public/static/baidu/js/artDialog/skins/idialog/idialog_s2.png b/public/static/baidu/js/artDialog/skins/idialog/idialog_s2.png new file mode 100644 index 0000000..7be06ad Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/idialog/idialog_s2.png differ diff --git a/public/static/baidu/js/artDialog/skins/idialog/ie6/aui_close.hover.png b/public/static/baidu/js/artDialog/skins/idialog/ie6/aui_close.hover.png new file mode 100644 index 0000000..dd00dde Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/idialog/ie6/aui_close.hover.png differ diff --git a/public/static/baidu/js/artDialog/skins/idialog/ie6/aui_close.png b/public/static/baidu/js/artDialog/skins/idialog/ie6/aui_close.png new file mode 100644 index 0000000..04ed8be Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/idialog/ie6/aui_close.png differ diff --git a/public/static/baidu/js/artDialog/skins/idialog/ie6/aui_e.png b/public/static/baidu/js/artDialog/skins/idialog/ie6/aui_e.png new file mode 100644 index 0000000..b96ff2f Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/idialog/ie6/aui_e.png differ diff --git a/public/static/baidu/js/artDialog/skins/idialog/ie6/aui_n.png b/public/static/baidu/js/artDialog/skins/idialog/ie6/aui_n.png new file mode 100644 index 0000000..34871be Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/idialog/ie6/aui_n.png differ diff --git a/public/static/baidu/js/artDialog/skins/idialog/ie6/aui_ne.png b/public/static/baidu/js/artDialog/skins/idialog/ie6/aui_ne.png new file mode 100644 index 0000000..3644944 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/idialog/ie6/aui_ne.png differ diff --git a/public/static/baidu/js/artDialog/skins/idialog/ie6/aui_nw.png b/public/static/baidu/js/artDialog/skins/idialog/ie6/aui_nw.png new file mode 100644 index 0000000..dea0b9a Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/idialog/ie6/aui_nw.png differ diff --git a/public/static/baidu/js/artDialog/skins/idialog/ie6/aui_s.png b/public/static/baidu/js/artDialog/skins/idialog/ie6/aui_s.png new file mode 100644 index 0000000..62746ee Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/idialog/ie6/aui_s.png differ diff --git a/public/static/baidu/js/artDialog/skins/idialog/ie6/aui_se.png b/public/static/baidu/js/artDialog/skins/idialog/ie6/aui_se.png new file mode 100644 index 0000000..32247e8 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/idialog/ie6/aui_se.png differ diff --git a/public/static/baidu/js/artDialog/skins/idialog/ie6/aui_sw.png b/public/static/baidu/js/artDialog/skins/idialog/ie6/aui_sw.png new file mode 100644 index 0000000..478f609 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/idialog/ie6/aui_sw.png differ diff --git a/public/static/baidu/js/artDialog/skins/idialog/ie6/aui_w.png b/public/static/baidu/js/artDialog/skins/idialog/ie6/aui_w.png new file mode 100644 index 0000000..c4df489 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/idialog/ie6/aui_w.png differ diff --git a/public/static/baidu/js/artDialog/skins/opera.css b/public/static/baidu/js/artDialog/skins/opera.css new file mode 100644 index 0000000..06b6c8f --- /dev/null +++ b/public/static/baidu/js/artDialog/skins/opera.css @@ -0,0 +1,62 @@ +@charset "utf-8"; +/* + * artDialog skin + * http://code.google.com/p/artdialog/ + * (c) 2009-2011 TangBin, http://www.planeArt.cn + * + * This is licensed under the GNU LGPL, version 2.1 or later. + * For details, see: http://creativecommons.org/licenses/LGPL/2.1/ + */ + +/* common start */ +body { _margin:0; _height:100%; /*IE6 BUG*/ } +.aui_outer { text-align:left; } +table.aui_border, table.aui_dialog { border:0; margin:0; border-collapse:collapse; width:auto; } +.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_c, .aui_e, .aui_sw, .aui_s, .aui_se, .aui_header, .aui_tdIcon, .aui_main, .aui_footer { padding:0; } +.aui_header, .aui_buttons button { font: 12px/1.11 'Microsoft Yahei', Tahoma, Arial, Helvetica, STHeiti; _font-family:Tahoma,Arial,Helvetica,STHeiti; -o-font-family: Tahoma, Arial; } +.aui_title { overflow:hidden; text-overflow: ellipsis; } +.aui_state_noTitle .aui_title { display:none; } +.aui_close { display:block; position:absolute; text-decoration:none; outline:none; _cursor:pointer; } +.aui_close:hover { text-decoration:none; } +.aui_main { text-align:center; min-width:9em; min-width:0\9/*IE8 BUG*/; } +.aui_content { display:inline-block; *zoom:1; *display:inline; text-align:left; border:none 0; } +.aui_content.aui_state_full { display:block; width:100%; margin:0; padding:0!important; height:100%; } +.aui_loading { width:96px; height:32px; text-align:left; text-indent:-999em; overflow:hidden; background:url(icons/loading.gif) no-repeat center center; } +.aui_icon { vertical-align: middle; } +.aui_icon div { width:48px; height:48px; margin:10px 0 10px 10px; background-position: center center; background-repeat:no-repeat; } +.aui_buttons { padding:8px; text-align:right; white-space:nowrap; } +.aui_buttons button { margin-left:15px; padding: 6px 8px; cursor: pointer; display: inline-block; text-align: center; line-height: 1; *padding:4px 10px; *height:2em; letter-spacing:2px; font-family: Tahoma, Arial/9!important; width:auto; overflow:visible; *width:1; color: #333; border: solid 1px #999; border-radius: 5px; background: #DDD; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD'); background: linear-gradient(top, #FFF, #DDD); background: -moz-linear-gradient(top, #FFF, #DDD); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#DDD)); text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); box-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0 -1px 0 rgba(0, 0, 0, .09); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: box-shadow linear .2s; } +.aui_buttons button::-moz-focus-inner{ border:0; padding:0; margin:0; } +.aui_buttons button:focus { outline:none 0; border-color:#426DC9; box-shadow:0 0 8px rgba(66, 109, 201, .9); } +.aui_buttons button:hover { color:#000; border-color:#666; } +.aui_buttons button:active { border-color:#666; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF'); background: linear-gradient(top, #DDD, #FFF); background: -moz-linear-gradient(top, #DDD, #FFF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#FFF)); box-shadow:inset 0 1px 5px rgba(66, 109, 201, .9), inset 0 1px 1em rgba(0, 0, 0, .3); } +.aui_buttons button[disabled] { cursor:default; color:#666; background:#DDD; border: solid 1px #999; filter:alpha(opacity=50); opacity:.5; box-shadow:none; } +button.aui_state_highlight { color: #FFF; border: solid 1px #1c6a9e; background: #2288cc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); text-shadow: -1px -1px 1px #1c6a9e; } +button.aui_state_highlight:hover { color:#FFF; border-color:#0F3A56; } +button.aui_state_highlight:active { border-color:#1c6a9e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); } +/* common end */ + +.aui_inner { background:#f0f1f9; } +.aui_titleBar { width:100%; height:0; position:relative; bottom:27px; _bottom:0; _margin-top:-27px; } +.aui_title { height:27px; line-height:27px; padding:0 37px 0 0; _padding:0; color:#333; text-shadow:1px 1px 0 rgba(255, 255, 255, .7); } +.aui_nw, .aui_ne, .aui_sw, .aui_se, .aui_n, .aui_s, .aui_close { background-image:url(opera/s1.png); background-repeat:no-repeat; } +.aui_nw { width:15px; height:32px; background-position: 0 0; _png:opera/ie6/aui_nw.png; } +.aui_ne { width:15px; height:32px; background-position: -15px 0; _png:opera/ie6/aui_ne.png; } +.aui_sw { width:15px; height:15px; background-position: 0 -33px; _png:opera/ie6/aui_sw.png; } +.aui_se { width:15px; height:15px; background-position: -15px -33px; _png:opera/ie6/aui_se.png; } +.aui_close { top:0; right:0; _z-index:1; width:27px; height:27px; _font-size:0; _line-height:0; *zoom:1; text-indent:-9999em; background-position:0 -96px; _png:opera/ie6/aui_close.png; } +.aui_close:hover { background-position:0 -123px; _png:opera/ie6/aui_close.hover.png; } +.aui_n, .aui_s { background-repeat:repeat-x; } +.aui_n { background-position: 0 -48px; _png:opera/ie6/aui_n.png; } +.aui_s { background-position: 0 -81px; _png:opera/ie6/aui_s.png; } +.aui_w, .aui_e { background-image:url(opera/s2.png); background-repeat:repeat-y; } +.aui_w { background-position:left top; _png:opera/ie6/aui_w.png; } +.aui_e { background-position: right bottom; _png:opera/ie6/aui_e.png; } +.aui_icon, .aui_main { padding-top:10px; } +.aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_sw, .aui_state_noTitle .aui_se { width:3px; height:3px; } +.aui_state_noTitle .aui_inner { border:1px solid #666; background:#FFF; } +.aui_state_noTitle .aui_outer { box-shadow:none; } +.aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_n, .aui_state_noTitle .aui_ne, .aui_state_noTitle .aui_w, .aui_state_noTitle .aui_e, .aui_state_noTitle .aui_sw, .aui_state_noTitle .aui_s, .aui_state_noTitle .aui_se { background:rgba(0, 0, 0, .05); background:#000\9!important; filter:alpha(opacity=5)!important; } +.aui_state_noTitle .aui_titleBar { bottom:0; _bottom:0; _margin-top:0; } +.aui_state_noTitle .aui_close { top:0; right:0; width:18px; height:18px; line-height:18px; text-align:center; text-indent:0; font-family: Helvetica, STHeiti; _font-family: '\u9ed1\u4f53', 'Book Antiqua', Palatino; font-size:18px; text-decoration:none; color:#214FA3; background:none; filter:!important; } +.aui_state_noTitle .aui_close:hover, .aui_state_noTitle .aui_close:active { text-decoration:none; color:#900; } \ No newline at end of file diff --git a/public/static/baidu/js/artDialog/skins/opera/ie6/aui_close.hover.png b/public/static/baidu/js/artDialog/skins/opera/ie6/aui_close.hover.png new file mode 100644 index 0000000..8e942f0 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/opera/ie6/aui_close.hover.png differ diff --git a/public/static/baidu/js/artDialog/skins/opera/ie6/aui_close.png b/public/static/baidu/js/artDialog/skins/opera/ie6/aui_close.png new file mode 100644 index 0000000..9442e41 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/opera/ie6/aui_close.png differ diff --git a/public/static/baidu/js/artDialog/skins/opera/ie6/aui_e.png b/public/static/baidu/js/artDialog/skins/opera/ie6/aui_e.png new file mode 100644 index 0000000..de6faba Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/opera/ie6/aui_e.png differ diff --git a/public/static/baidu/js/artDialog/skins/opera/ie6/aui_n.png b/public/static/baidu/js/artDialog/skins/opera/ie6/aui_n.png new file mode 100644 index 0000000..840358d Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/opera/ie6/aui_n.png differ diff --git a/public/static/baidu/js/artDialog/skins/opera/ie6/aui_ne.png b/public/static/baidu/js/artDialog/skins/opera/ie6/aui_ne.png new file mode 100644 index 0000000..fa30a50 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/opera/ie6/aui_ne.png differ diff --git a/public/static/baidu/js/artDialog/skins/opera/ie6/aui_nw.png b/public/static/baidu/js/artDialog/skins/opera/ie6/aui_nw.png new file mode 100644 index 0000000..6d09929 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/opera/ie6/aui_nw.png differ diff --git a/public/static/baidu/js/artDialog/skins/opera/ie6/aui_s.png b/public/static/baidu/js/artDialog/skins/opera/ie6/aui_s.png new file mode 100644 index 0000000..c031841 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/opera/ie6/aui_s.png differ diff --git a/public/static/baidu/js/artDialog/skins/opera/ie6/aui_se.png b/public/static/baidu/js/artDialog/skins/opera/ie6/aui_se.png new file mode 100644 index 0000000..8679228 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/opera/ie6/aui_se.png differ diff --git a/public/static/baidu/js/artDialog/skins/opera/ie6/aui_sw.png b/public/static/baidu/js/artDialog/skins/opera/ie6/aui_sw.png new file mode 100644 index 0000000..9866db3 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/opera/ie6/aui_sw.png differ diff --git a/public/static/baidu/js/artDialog/skins/opera/ie6/aui_w.png b/public/static/baidu/js/artDialog/skins/opera/ie6/aui_w.png new file mode 100644 index 0000000..519cf11 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/opera/ie6/aui_w.png differ diff --git a/public/static/baidu/js/artDialog/skins/opera/s1.png b/public/static/baidu/js/artDialog/skins/opera/s1.png new file mode 100644 index 0000000..e6941c1 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/opera/s1.png differ diff --git a/public/static/baidu/js/artDialog/skins/opera/s2.png b/public/static/baidu/js/artDialog/skins/opera/s2.png new file mode 100644 index 0000000..0debda0 Binary files /dev/null and b/public/static/baidu/js/artDialog/skins/opera/s2.png differ diff --git a/public/static/baidu/js/artDialog/skins/simple.css b/public/static/baidu/js/artDialog/skins/simple.css new file mode 100644 index 0000000..690b16c --- /dev/null +++ b/public/static/baidu/js/artDialog/skins/simple.css @@ -0,0 +1,55 @@ +@charset "utf-8"; +/* + * artDialog skin + * http://code.google.com/p/artdialog/ + * (c) 2009-2011 TangBin, http://www.planeArt.cn + * + * This is licensed under the GNU LGPL, version 2.1 or later. + * For details, see: http://creativecommons.org/licenses/LGPL/2.1/ + */ + +/* common start */ +body { _margin:0; _height:100%; /*IE6 BUG*/ } +.aui_outer { text-align:left; } +table.aui_border, table.aui_dialog { border:0; margin:0; border-collapse:collapse; width:auto; } +.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_c, .aui_e, .aui_sw, .aui_s, .aui_se, .aui_header, .aui_tdIcon, .aui_main, .aui_footer { padding:0; } +.aui_header, .aui_buttons button { font: 12px/1.11 'Microsoft Yahei', Tahoma, Arial, Helvetica, STHeiti; _font-family:Tahoma,Arial,Helvetica,STHeiti; -o-font-family: Tahoma, Arial; } +.aui_title { overflow:hidden; text-overflow: ellipsis; } +.aui_state_noTitle .aui_title { display:none; } +.aui_close { display:block; position:absolute; text-decoration:none; outline:none; _cursor:pointer; } +.aui_close:hover { text-decoration:none; } +.aui_main { text-align:center; min-width:9em; min-width:0\9/*IE8 BUG*/; } +.aui_content { display:inline-block; *zoom:1; *display:inline; text-align:left; border:none 0; } +.aui_content.aui_state_full { display:block; width:100%; margin:0; padding:0!important; height:100%; } +.aui_loading { width:96px; height:32px; text-align:left; text-indent:-999em; overflow:hidden; background:url(icons/loading.gif) no-repeat center center; } +.aui_icon { vertical-align: middle; } +.aui_icon div { width:48px; height:48px; margin:10px 0 10px 10px; background-position: center center; background-repeat:no-repeat; } +.aui_buttons { padding:8px; text-align:right; white-space:nowrap; } +.aui_buttons button { margin-left:15px; padding: 6px 8px; cursor: pointer; display: inline-block; text-align: center; line-height: 1; *padding:4px 10px; *height:2em; letter-spacing:2px; font-family: Tahoma, Arial/9!important; width:auto; overflow:visible; *width:1; color: #333; border: solid 1px #999; border-radius: 5px; background: #DDD; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD'); background: linear-gradient(top, #FFF, #DDD); background: -moz-linear-gradient(top, #FFF, #DDD); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#DDD)); text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); box-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0 -1px 0 rgba(0, 0, 0, .09); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: box-shadow linear .2s; } +.aui_buttons button::-moz-focus-inner{ border:0; padding:0; margin:0; } +.aui_buttons button:focus { outline:none 0; border-color:#426DC9; box-shadow:0 0 8px rgba(66, 109, 201, .9); } +.aui_buttons button:hover { color:#000; border-color:#666; } +.aui_buttons button:active { border-color:#666; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF'); background: linear-gradient(top, #DDD, #FFF); background: -moz-linear-gradient(top, #DDD, #FFF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#FFF)); box-shadow:inset 0 1px 5px rgba(66, 109, 201, .9), inset 0 1px 1em rgba(0, 0, 0, .3); } +.aui_buttons button[disabled] { cursor:default; color:#666; background:#DDD; border: solid 1px #999; filter:alpha(opacity=50); opacity:.5; box-shadow:none; } +button.aui_state_highlight { color: #FFF; border: solid 1px #1c6a9e; background: #2288cc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); text-shadow: -1px -1px 1px #1c6a9e; } +button.aui_state_highlight:hover { color:#FFF; border-color:#0F3A56; } +button.aui_state_highlight:active { border-color:#1c6a9e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); } +/* common end */ + +.aui_inner { background:#FFF; border:1px solid #666; } +.aui_nw, .aui_ne, .aui_sw, .aui_se { width:3px; height:3px; } +.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_e, .aui_sw, .aui_s, .aui_se { background:rgba(0, 0, 0, .05); background:#000\9!important; filter:alpha(opacity=5); } +.aui_titleBar { position:relative; height:100%; } +.aui_title { position:absolute; top:0; left:0; width:100%; height:24px; text-indent:-9999em; overflow:hidden; font-size:0; } +.aui_state_drag .aui_title { color:#666; } +.aui_close { padding:0; top:0; right:0; width:18px; height:18px; line-height:18px; text-align:center; font-family: Helvetica, STHeiti; _font-family: '\u9ed1\u4f53', 'Book Antiqua', Palatino; font-size:18px; text-decoration:none; color:#214FA3; } +.aui_close:hover, .aui_close:active { text-decoration:none; color:#900; } +.aui_content { color:#666; } +.aui_state_focus .aui_content { color:#000; } +@media screen and (min-width:0) { + .aui_close { width:20px; height:20px; line-height:20px; right:-10px; top:-10px; border-radius:20px; background:#999; color:#FFF; box-shadow:0 1px 3px rgba(0, 0, 0, .3); -moz-transition: linear .06s; -webkit-transition: linear .06s; transition: linear .06s; } + .aui_close:hover { width:24px; height:24px; line-height:24px; right:-12px; top:-12px; color:#FFF; box-shadow:0 1px 3px rgba(209, 40, 42, .5); background:#d1282a; border-radius:24px; } + .aui_state_lock .aui_dialog { box-shadow:0 3px 26px rgba(0, 0, 0, .9); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: -webkit-box-shadow linear .2s; } + .aui_dialog:active { box-shadow:0 0 5px rgba(0, 0, 0, .1)!important; } + .aui_state_drag .aui_outer { box-shadow:none!important; } +} diff --git a/public/static/baidu/js/artDialog/skins/twitter.css b/public/static/baidu/js/artDialog/skins/twitter.css new file mode 100644 index 0000000..aeeaf8e --- /dev/null +++ b/public/static/baidu/js/artDialog/skins/twitter.css @@ -0,0 +1,59 @@ +@charset "utf-8"; +/* + * artDialog skin + * http://code.google.com/p/artdialog/ + * (c) 2009-2011 TangBin, http://www.planeArt.cn + * + * This is licensed under the GNU LGPL, version 2.1 or later. + * For details, see: http://creativecommons.org/licenses/LGPL/2.1/ + */ + +/* common start */ +body { _margin:0; _height:100%; /*IE6 BUG*/ } +.aui_outer { text-align:left; } +table.aui_border, table.aui_dialog { border:0; margin:0; border-collapse:collapse; width:auto; } +.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_c, .aui_e, .aui_sw, .aui_s, .aui_se, .aui_header, .aui_tdIcon, .aui_main, .aui_footer { padding:0; } +.aui_header, .aui_buttons button { font: 12px/1.11 'Microsoft Yahei', Tahoma, Arial, Helvetica, STHeiti; _font-family:Tahoma,Arial,Helvetica,STHeiti; -o-font-family: Tahoma, Arial; } +.aui_title { overflow:hidden; text-overflow: ellipsis; } +.aui_state_noTitle .aui_title { display:none; } +.aui_close { display:block; position:absolute; text-decoration:none; outline:none; _cursor:pointer; } +.aui_close:hover { text-decoration:none; } +.aui_main { text-align:center; min-width:9em; min-width:0\9/*IE8 BUG*/; } +.aui_content { display:inline-block; *zoom:1; *display:inline; text-align:left; border:none 0; } +.aui_content.aui_state_full { display:block; width:100%; margin:0; padding:0!important; height:100%; } +.aui_loading { width:96px; height:32px; text-align:left; text-indent:-999em; overflow:hidden; background:url(icons/loading.gif) no-repeat center center; } +.aui_icon { vertical-align: middle; } +.aui_icon div { width:48px; height:48px; margin:10px 0 10px 10px; background-position: center center; background-repeat:no-repeat; } +.aui_buttons { padding:8px; text-align:right; white-space:nowrap; } +.aui_buttons button { margin-left:15px; padding: 6px 8px; cursor: pointer; display: inline-block; text-align: center; line-height: 1; *padding:4px 10px; *height:2em; letter-spacing:2px; font-family: Tahoma, Arial/9!important; width:auto; overflow:visible; *width:1; color: #333; border: solid 1px #999; border-radius: 5px; background: #DDD; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD'); background: linear-gradient(top, #FFF, #DDD); background: -moz-linear-gradient(top, #FFF, #DDD); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#DDD)); text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); box-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0 -1px 0 rgba(0, 0, 0, .09); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: box-shadow linear .2s; } +.aui_buttons button::-moz-focus-inner{ border:0; padding:0; margin:0; } +.aui_buttons button:focus { outline:none 0; border-color:#426DC9; box-shadow:0 0 8px rgba(66, 109, 201, .9); } +.aui_buttons button:hover { color:#000; border-color:#666; } +.aui_buttons button:active { border-color:#666; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF'); background: linear-gradient(top, #DDD, #FFF); background: -moz-linear-gradient(top, #DDD, #FFF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#FFF)); box-shadow:inset 0 1px 5px rgba(66, 109, 201, .9), inset 0 1px 1em rgba(0, 0, 0, .3); } +.aui_buttons button[disabled] { cursor:default; color:#666; background:#DDD; border: solid 1px #999; filter:alpha(opacity=50); opacity:.5; box-shadow:none; } +button.aui_state_highlight { color: #FFF; border: solid 1px #1c6a9e; background: #2288cc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); text-shadow: -1px -1px 1px #1c6a9e; } +button.aui_state_highlight:hover { color:#FFF; border-color:#0F3A56; } +button.aui_state_highlight:active { border-color:#1c6a9e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); } +/* common end */ + +.aui_inner { background:rgba(0, 0, 0, .7); } +.aui_dialog { background:#FFF; border-radius:3px; } +.aui_outer { border:1px solid #000; border-radius:5px; box-shadow: 0 3px 0 rgba(0,0,0,0.1); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: -webkit-box-shadow linear .2s; } +.aui_state_lock .aui_outer { box-shadow:0 3px 26px rgba(0, 0, 0, .9); } +.aui_outer:active { box-shadow:none!important; } +.aui_state_drag .aui_outer { box-shadow:none!important; } +.aui_border { border-radius:3px; } +.aui_nw, .aui_ne { width:5px; height:37px; } +.aui_sw, .aui_se { width:5px; height:5px; } +.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_e, .aui_sw, .aui_s, .aui_se { background:rgba(0, 0, 0, .7); background:#000\9!important; filter:alpha(opacity=70); } +.aui_titleBar { width:100%; height:0; position:relative; bottom:33px; _bottom:0; _margin-top:-33px; } +.aui_title { height:27px; line-height:27px; padding:0 16px 0 5px; color:#FFF; font-weight:700; text-shadow:0 1px 0 #000; } +.aui_close { padding:0; top:2px; right:5px; width:21px; height:21px; line-height:21px; font-size:18px; text-align:center; color:#EBEBEB; font-family: Helvetica, STHeiti; _font-family: Tahoma, '\u9ed1\u4f53', 'Book Antiqua', Palatino; border:1px solid transparent; _border:0 none; background:#000; border-radius:15px; } +.aui_state_drag .aui_close { color:#FFF; } +.aui_close:hover { background:#C72015; border:1px solid #000; _border:0 none; box-shadow: 0 1px 0 rgba(255, 255, 255, .3), inset 0 1px 0 rgba(255, 255, 255, .3); } +.aui_close:active { box-shadow: none; } +.aui_state_noTitle { } +.aui_content { color:#666; } +.aui_state_noTitle .aui_nw, .aui_state_noTitle .aui_ne { height:5px; } +.aui_state_noTitle .aui_titleBar { bottom:0; _bottom:0; _margin-top:0; } +.aui_state_noTitle .aui_close { top:5px; } diff --git a/public/static/baidu/js/jt/example1.js b/public/static/baidu/js/jt/example1.js new file mode 100644 index 0000000..e69de29 diff --git a/public/static/baidu/js/jt/excanvas.js b/public/static/baidu/js/jt/excanvas.js new file mode 100644 index 0000000..fabc84d --- /dev/null +++ b/public/static/baidu/js/jt/excanvas.js @@ -0,0 +1,1416 @@ +// Copyright 2006 Google Inc. +// +// Licensed under the Apache License, Version 2.0 (the "License"); +// you may not use this file except in compliance with the License. +// You may obtain a copy of the License at +// +// http://www.apache.org/licenses/LICENSE-2.0 +// +// Unless required by applicable law or agreed to in writing, software +// distributed under the License is distributed on an "AS IS" BASIS, +// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +// See the License for the specific language governing permissions and +// limitations under the License. + + +// Known Issues: +// +// * Patterns only support repeat. +// * Radial gradient are not implemented. The VML version of these look very +// different from the canvas one. +// * Clipping paths are not implemented. +// * Coordsize. The width and height attribute have higher priority than the +// width and height style values which isn't correct. +// * Painting mode isn't implemented. +// * Canvas width/height should is using content-box by default. IE in +// Quirks mode will draw the canvas using border-box. Either change your +// doctype to HTML5 +// (http://www.whatwg.org/specs/web-apps/current-work/#the-doctype) +// or use Box Sizing Behavior from WebFX +// (http://webfx.eae.net/dhtml/boxsizing/boxsizing.html) +// * Non uniform scaling does not correctly scale strokes. +// * Optimize. There is always room for speed improvements. + +// Only add this code if we do not already have a canvas implementation +if (!document.createElement('canvas').getContext) { + +(function() { + + // alias some functions to make (compiled) code shorter + var m = Math; + var mr = m.round; + var ms = m.sin; + var mc = m.cos; + var abs = m.abs; + var sqrt = m.sqrt; + + // this is used for sub pixel precision + var Z = 10; + var Z2 = Z / 2; + + var IE_VERSION = +navigator.userAgent.match(/MSIE ([\d.]+)?/)[1]; + + /** + * This funtion is assigned to the elements as element.getContext(). + * @this {HTMLElement} + * @return {CanvasRenderingContext2D_} + */ + function getContext() { + return this.context_ || + (this.context_ = new CanvasRenderingContext2D_(this)); + } + + var slice = Array.prototype.slice; + + /** + * Binds a function to an object. The returned function will always use the + * passed in {@code obj} as {@code this}. + * + * Example: + * + * g = bind(f, obj, a, b) + * g(c, d) // will do f.call(obj, a, b, c, d) + * + * @param {Function} f The function to bind the object to + * @param {Object} obj The object that should act as this when the function + * is called + * @param {*} var_args Rest arguments that will be used as the initial + * arguments when the function is called + * @return {Function} A new function that has bound this + */ + function bind(f, obj, var_args) { + var a = slice.call(arguments, 2); + return function() { + return f.apply(obj, a.concat(slice.call(arguments))); + }; + } + + function encodeHtmlAttribute(s) { + return String(s).replace(/&/g, '&').replace(/"/g, '"'); + } + + function addNamespace(doc, prefix, urn) { + if (!doc.namespaces[prefix]) { + doc.namespaces.add(prefix, urn, '#default#VML'); + } + } + + function addNamespacesAndStylesheet(doc) { + addNamespace(doc, 'g_vml_', 'urn:schemas-microsoft-com:vml'); + addNamespace(doc, 'g_o_', 'urn:schemas-microsoft-com:office:office'); + + // Setup default CSS. Only add one style sheet per document + if (!doc.styleSheets['ex_canvas_']) { + var ss = doc.createStyleSheet(); + ss.owningElement.id = 'ex_canvas_'; + ss.cssText = 'canvas{display:inline-block;overflow:hidden;' + + // default size is 300x150 in Gecko and Opera + 'text-align:left;width:300px;height:150px}'; + } + } + + // Add namespaces and stylesheet at startup. + addNamespacesAndStylesheet(document); + + var G_vmlCanvasManager_ = { + init: function(opt_doc) { + var doc = opt_doc || document; + // Create a dummy element so that IE will allow canvas elements to be + // recognized. + doc.createElement('canvas'); + doc.attachEvent('onreadystatechange', bind(this.init_, this, doc)); + }, + + init_: function(doc) { + // find all canvas elements + var els = doc.getElementsByTagName('canvas'); + for (var i = 0; i < els.length; i++) { + this.initElement(els[i]); + } + }, + + /** + * Public initializes a canvas element so that it can be used as canvas + * element from now on. This is called automatically before the page is + * loaded but if you are creating elements using createElement you need to + * make sure this is called on the element. + * @param {HTMLElement} el The canvas element to initialize. + * @return {HTMLElement} the element that was created. + */ + initElement: function(el) { + if (!el.getContext) { + el.getContext = getContext; + + // Add namespaces and stylesheet to document of the element. + addNamespacesAndStylesheet(el.ownerDocument); + + // Remove fallback content. There is no way to hide text nodes so we + // just remove all childNodes. We could hide all elements and remove + // text nodes but who really cares about the fallback content. + el.innerHTML = ''; + + // do not use inline function because that will leak memory + el.attachEvent('onpropertychange', onPropertyChange); + el.attachEvent('onresize', onResize); + + var attrs = el.attributes; + if (attrs.width && attrs.width.specified) { + // TODO: use runtimeStyle and coordsize + // el.getContext().setWidth_(attrs.width.nodeValue); + el.style.width = attrs.width.nodeValue + 'px'; + } else { + el.width = el.clientWidth; + } + if (attrs.height && attrs.height.specified) { + // TODO: use runtimeStyle and coordsize + // el.getContext().setHeight_(attrs.height.nodeValue); + el.style.height = attrs.height.nodeValue + 'px'; + } else { + el.height = el.clientHeight; + } + //el.getContext().setCoordsize_() + } + return el; + } + }; + + function onPropertyChange(e) { + var el = e.srcElement; + + switch (e.propertyName) { + case 'width': + el.getContext().clearRect(); + el.style.width = el.attributes.width.nodeValue + 'px'; + // In IE8 this does not trigger onresize. + el.firstChild.style.width = el.clientWidth + 'px'; + break; + case 'height': + el.getContext().clearRect(); + el.style.height = el.attributes.height.nodeValue + 'px'; + el.firstChild.style.height = el.clientHeight + 'px'; + break; + } + } + + function onResize(e) { + var el = e.srcElement; + if (el.firstChild) { + el.firstChild.style.width = el.clientWidth + 'px'; + el.firstChild.style.height = el.clientHeight + 'px'; + } + } + + G_vmlCanvasManager_.init(); + + // precompute "00" to "FF" + var decToHex = []; + for (var i = 0; i < 16; i++) { + for (var j = 0; j < 16; j++) { + decToHex[i * 16 + j] = i.toString(16) + j.toString(16); + } + } + + function createMatrixIdentity() { + return [ + [1, 0, 0], + [0, 1, 0], + [0, 0, 1] + ]; + } + + function matrixMultiply(m1, m2) { + var result = createMatrixIdentity(); + + for (var x = 0; x < 3; x++) { + for (var y = 0; y < 3; y++) { + var sum = 0; + + for (var z = 0; z < 3; z++) { + sum += m1[x][z] * m2[z][y]; + } + + result[x][y] = sum; + } + } + return result; + } + + function copyState(o1, o2) { + o2.fillStyle = o1.fillStyle; + o2.lineCap = o1.lineCap; + o2.lineJoin = o1.lineJoin; + o2.lineWidth = o1.lineWidth; + o2.miterLimit = o1.miterLimit; + o2.shadowBlur = o1.shadowBlur; + o2.shadowColor = o1.shadowColor; + o2.shadowOffsetX = o1.shadowOffsetX; + o2.shadowOffsetY = o1.shadowOffsetY; + o2.strokeStyle = o1.strokeStyle; + o2.globalAlpha = o1.globalAlpha; + o2.font = o1.font; + o2.textAlign = o1.textAlign; + o2.textBaseline = o1.textBaseline; + o2.arcScaleX_ = o1.arcScaleX_; + o2.arcScaleY_ = o1.arcScaleY_; + o2.lineScale_ = o1.lineScale_; + } + + var colorData = { + aliceblue: '#F0F8FF', + antiquewhite: '#FAEBD7', + aquamarine: '#7FFFD4', + azure: '#F0FFFF', + beige: '#F5F5DC', + bisque: '#FFE4C4', + black: '#000000', + blanchedalmond: '#FFEBCD', + blueviolet: '#8A2BE2', + brown: '#A52A2A', + burlywood: '#DEB887', + cadetblue: '#5F9EA0', + chartreuse: '#7FFF00', + chocolate: '#D2691E', + coral: '#FF7F50', + cornflowerblue: '#6495ED', + cornsilk: '#FFF8DC', + crimson: '#DC143C', + cyan: '#00FFFF', + darkblue: '#00008B', + darkcyan: '#008B8B', + darkgoldenrod: '#B8860B', + darkgray: '#A9A9A9', + darkgreen: '#006400', + darkgrey: '#A9A9A9', + darkkhaki: '#BDB76B', + darkmagenta: '#8B008B', + darkolivegreen: '#556B2F', + darkorange: '#FF8C00', + darkorchid: '#9932CC', + darkred: '#8B0000', + darksalmon: '#E9967A', + darkseagreen: '#8FBC8F', + darkslateblue: '#483D8B', + darkslategray: '#2F4F4F', + darkslategrey: '#2F4F4F', + darkturquoise: '#00CED1', + darkviolet: '#9400D3', + deeppink: '#FF1493', + deepskyblue: '#00BFFF', + dimgray: '#696969', + dimgrey: '#696969', + dodgerblue: '#1E90FF', + firebrick: '#B22222', + floralwhite: '#FFFAF0', + forestgreen: '#228B22', + gainsboro: '#DCDCDC', + ghostwhite: '#F8F8FF', + gold: '#FFD700', + goldenrod: '#DAA520', + grey: '#808080', + greenyellow: '#ADFF2F', + honeydew: '#F0FFF0', + hotpink: '#FF69B4', + indianred: '#CD5C5C', + indigo: '#4B0082', + ivory: '#FFFFF0', + khaki: '#F0E68C', + lavender: '#E6E6FA', + lavenderblush: '#FFF0F5', + lawngreen: '#7CFC00', + lemonchiffon: '#FFFACD', + lightblue: '#ADD8E6', + lightcoral: '#F08080', + lightcyan: '#E0FFFF', + lightgoldenrodyellow: '#FAFAD2', + lightgreen: '#90EE90', + lightgrey: '#D3D3D3', + lightpink: '#FFB6C1', + lightsalmon: '#FFA07A', + lightseagreen: '#20B2AA', + lightskyblue: '#87CEFA', + lightslategray: '#778899', + lightslategrey: '#778899', + lightsteelblue: '#B0C4DE', + lightyellow: '#FFFFE0', + limegreen: '#32CD32', + linen: '#FAF0E6', + magenta: '#FF00FF', + mediumaquamarine: '#66CDAA', + mediumblue: '#0000CD', + mediumorchid: '#BA55D3', + mediumpurple: '#9370DB', + mediumseagreen: '#3CB371', + mediumslateblue: '#7B68EE', + mediumspringgreen: '#00FA9A', + mediumturquoise: '#48D1CC', + mediumvioletred: '#C71585', + midnightblue: '#191970', + mintcream: '#F5FFFA', + mistyrose: '#FFE4E1', + moccasin: '#FFE4B5', + navajowhite: '#FFDEAD', + oldlace: '#FDF5E6', + olivedrab: '#6B8E23', + orange: '#FFA500', + orangered: '#FF4500', + orchid: '#DA70D6', + palegoldenrod: '#EEE8AA', + palegreen: '#98FB98', + paleturquoise: '#AFEEEE', + palevioletred: '#DB7093', + papayawhip: '#FFEFD5', + peachpuff: '#FFDAB9', + peru: '#CD853F', + pink: '#FFC0CB', + plum: '#DDA0DD', + powderblue: '#B0E0E6', + rosybrown: '#BC8F8F', + royalblue: '#4169E1', + saddlebrown: '#8B4513', + salmon: '#FA8072', + sandybrown: '#F4A460', + seagreen: '#2E8B57', + seashell: '#FFF5EE', + sienna: '#A0522D', + skyblue: '#87CEEB', + slateblue: '#6A5ACD', + slategray: '#708090', + slategrey: '#708090', + snow: '#FFFAFA', + springgreen: '#00FF7F', + steelblue: '#4682B4', + tan: '#D2B48C', + thistle: '#D8BFD8', + tomato: '#FF6347', + turquoise: '#40E0D0', + violet: '#EE82EE', + wheat: '#F5DEB3', + whitesmoke: '#F5F5F5', + yellowgreen: '#9ACD32' + }; + + + function getRgbHslContent(styleString) { + var start = styleString.indexOf('(', 3); + var end = styleString.indexOf(')', start + 1); + var parts = styleString.substring(start + 1, end).split(','); + // add alpha if needed + if (parts.length != 4 || styleString.charAt(3) != 'a') { + parts[3] = 1; + } + return parts; + } + + function percent(s) { + return parseFloat(s) / 100; + } + + function clamp(v, min, max) { + return Math.min(max, Math.max(min, v)); + } + + function hslToRgb(parts){ + var r, g, b, h, s, l; + h = parseFloat(parts[0]) / 360 % 360; + if (h < 0) + h++; + s = clamp(percent(parts[1]), 0, 1); + l = clamp(percent(parts[2]), 0, 1); + if (s == 0) { + r = g = b = l; // achromatic + } else { + var q = l < 0.5 ? l * (1 + s) : l + s - l * s; + var p = 2 * l - q; + r = hueToRgb(p, q, h + 1 / 3); + g = hueToRgb(p, q, h); + b = hueToRgb(p, q, h - 1 / 3); + } + + return '#' + decToHex[Math.floor(r * 255)] + + decToHex[Math.floor(g * 255)] + + decToHex[Math.floor(b * 255)]; + } + + function hueToRgb(m1, m2, h) { + if (h < 0) + h++; + if (h > 1) + h--; + + if (6 * h < 1) + return m1 + (m2 - m1) * 6 * h; + else if (2 * h < 1) + return m2; + else if (3 * h < 2) + return m1 + (m2 - m1) * (2 / 3 - h) * 6; + else + return m1; + } + + var processStyleCache = {}; + + function processStyle(styleString) { + if (styleString in processStyleCache) { + return processStyleCache[styleString]; + } + + var str, alpha = 1; + + styleString = String(styleString); + if (styleString.charAt(0) == '#') { + str = styleString; + } else if (/^rgb/.test(styleString)) { + var parts = getRgbHslContent(styleString); + var str = '#', n; + for (var i = 0; i < 3; i++) { + if (parts[i].indexOf('%') != -1) { + n = Math.floor(percent(parts[i]) * 255); + } else { + n = +parts[i]; + } + str += decToHex[clamp(n, 0, 255)]; + } + alpha = +parts[3]; + } else if (/^hsl/.test(styleString)) { + var parts = getRgbHslContent(styleString); + str = hslToRgb(parts); + alpha = parts[3]; + } else { + str = colorData[styleString] || styleString; + } + return processStyleCache[styleString] = {color: str, alpha: alpha}; + } + + var DEFAULT_STYLE = { + style: 'normal', + variant: 'normal', + weight: 'normal', + size: 10, + family: 'sans-serif' + }; + + // Internal text style cache + var fontStyleCache = {}; + + function processFontStyle(styleString) { + if (fontStyleCache[styleString]) { + return fontStyleCache[styleString]; + } + + var el = document.createElement('div'); + var style = el.style; + try { + style.font = styleString; + } catch (ex) { + // Ignore failures to set to invalid font. + } + + return fontStyleCache[styleString] = { + style: style.fontStyle || DEFAULT_STYLE.style, + variant: style.fontVariant || DEFAULT_STYLE.variant, + weight: style.fontWeight || DEFAULT_STYLE.weight, + size: style.fontSize || DEFAULT_STYLE.size, + family: style.fontFamily || DEFAULT_STYLE.family + }; + } + + function getComputedStyle(style, element) { + var computedStyle = {}; + + for (var p in style) { + computedStyle[p] = style[p]; + } + + // Compute the size + var canvasFontSize = parseFloat(element.currentStyle.fontSize), + fontSize = parseFloat(style.size); + + if (typeof style.size == 'number') { + computedStyle.size = style.size; + } else if (style.size.indexOf('px') != -1) { + computedStyle.size = fontSize; + } else if (style.size.indexOf('em') != -1) { + computedStyle.size = canvasFontSize * fontSize; + } else if(style.size.indexOf('%') != -1) { + computedStyle.size = (canvasFontSize / 100) * fontSize; + } else if (style.size.indexOf('pt') != -1) { + computedStyle.size = fontSize / .75; + } else { + computedStyle.size = canvasFontSize; + } + + // Different scaling between normal text and VML text. This was found using + // trial and error to get the same size as non VML text. + computedStyle.size *= 0.981; + + return computedStyle; + } + + function buildStyle(style) { + return style.style + ' ' + style.variant + ' ' + style.weight + ' ' + + style.size + 'px ' + style.family; + } + + var lineCapMap = { + 'butt': 'flat', + 'round': 'round' + }; + + function processLineCap(lineCap) { + return lineCapMap[lineCap] || 'square'; + } + + /** + * This class implements CanvasRenderingContext2D interface as described by + * the WHATWG. + * @param {HTMLElement} canvasElement The element that the 2D context should + * be associated with + */ + function CanvasRenderingContext2D_(canvasElement) { + this.m_ = createMatrixIdentity(); + + this.mStack_ = []; + this.aStack_ = []; + this.currentPath_ = []; + + // Canvas context properties + this.strokeStyle = '#000'; + this.fillStyle = '#000'; + + this.lineWidth = 1; + this.lineJoin = 'miter'; + this.lineCap = 'butt'; + this.miterLimit = Z * 1; + this.globalAlpha = 1; + this.font = '10px sans-serif'; + this.textAlign = 'left'; + this.textBaseline = 'alphabetic'; + this.canvas = canvasElement; + + var cssText = 'width:' + canvasElement.clientWidth + 'px;height:' + + canvasElement.clientHeight + 'px;overflow:hidden;position:absolute'; + var el = canvasElement.ownerDocument.createElement('div'); + el.style.cssText = cssText; + canvasElement.appendChild(el); + + var overlayEl = el.cloneNode(false); + // Use a non transparent background.最高级到现有级别的颜色 + overlayEl.style.backgroundColor = 'red'; + overlayEl.style.filter = 'alpha(opacity=0)'; + canvasElement.appendChild(overlayEl); + + this.element_ = el; + this.arcScaleX_ = 1; + this.arcScaleY_ = 1; + this.lineScale_ = 1; + } + + var contextPrototype = CanvasRenderingContext2D_.prototype; + contextPrototype.clearRect = function() { + if (this.textMeasureEl_) { + this.textMeasureEl_.removeNode(true); + this.textMeasureEl_ = null; + } + this.element_.innerHTML = ''; + }; + + contextPrototype.beginPath = function() { + // TODO: Branch current matrix so that save/restore has no effect + // as per safari docs. + this.currentPath_ = []; + }; + + contextPrototype.moveTo = function(aX, aY) { + var p = getCoords(this, aX, aY); + this.currentPath_.push({type: 'moveTo', x: p.x, y: p.y}); + this.currentX_ = p.x; + this.currentY_ = p.y; + }; + + contextPrototype.lineTo = function(aX, aY) { + var p = getCoords(this, aX, aY); + this.currentPath_.push({type: 'lineTo', x: p.x, y: p.y}); + + this.currentX_ = p.x; + this.currentY_ = p.y; + }; + + contextPrototype.bezierCurveTo = function(aCP1x, aCP1y, + aCP2x, aCP2y, + aX, aY) { + var p = getCoords(this, aX, aY); + var cp1 = getCoords(this, aCP1x, aCP1y); + var cp2 = getCoords(this, aCP2x, aCP2y); + bezierCurveTo(this, cp1, cp2, p); + }; + + // Helper function that takes the already fixed cordinates. + function bezierCurveTo(self, cp1, cp2, p) { + self.currentPath_.push({ + type: 'bezierCurveTo', + cp1x: cp1.x, + cp1y: cp1.y, + cp2x: cp2.x, + cp2y: cp2.y, + x: p.x, + y: p.y + }); + self.currentX_ = p.x; + self.currentY_ = p.y; + } + + contextPrototype.quadraticCurveTo = function(aCPx, aCPy, aX, aY) { + // the following is lifted almost directly from + // http://developer.mozilla.org/en/docs/Canvas_tutorial:Drawing_shapes + + var cp = getCoords(this, aCPx, aCPy); + var p = getCoords(this, aX, aY); + + var cp1 = { + x: this.currentX_ + 2.0 / 3.0 * (cp.x - this.currentX_), + y: this.currentY_ + 2.0 / 3.0 * (cp.y - this.currentY_) + }; + var cp2 = { + x: cp1.x + (p.x - this.currentX_) / 3.0, + y: cp1.y + (p.y - this.currentY_) / 3.0 + }; + + bezierCurveTo(this, cp1, cp2, p); + }; + + contextPrototype.arc = function(aX, aY, aRadius, + aStartAngle, aEndAngle, aClockwise) { + aRadius *= Z; + var arcType = aClockwise ? 'at' : 'wa'; + + var xStart = aX + mc(aStartAngle) * aRadius - Z2; + var yStart = aY + ms(aStartAngle) * aRadius - Z2; + + var xEnd = aX + mc(aEndAngle) * aRadius - Z2; + var yEnd = aY + ms(aEndAngle) * aRadius - Z2; + + // IE won't render arches drawn counter clockwise if xStart == xEnd. + if (xStart == xEnd && !aClockwise) { + xStart += 0.125; // Offset xStart by 1/80 of a pixel. Use something + // that can be represented in binary + } + + var p = getCoords(this, aX, aY); + var pStart = getCoords(this, xStart, yStart); + var pEnd = getCoords(this, xEnd, yEnd); + + this.currentPath_.push({type: arcType, + x: p.x, + y: p.y, + radius: aRadius, + xStart: pStart.x, + yStart: pStart.y, + xEnd: pEnd.x, + yEnd: pEnd.y}); + + }; + + contextPrototype.rect = function(aX, aY, aWidth, aHeight) { + this.moveTo(aX, aY); + this.lineTo(aX + aWidth, aY); + this.lineTo(aX + aWidth, aY + aHeight); + this.lineTo(aX, aY + aHeight); + this.closePath(); + }; + + contextPrototype.strokeRect = function(aX, aY, aWidth, aHeight) { + var oldPath = this.currentPath_; + this.beginPath(); + + this.moveTo(aX, aY); + this.lineTo(aX + aWidth, aY); + this.lineTo(aX + aWidth, aY + aHeight); + this.lineTo(aX, aY + aHeight); + this.closePath(); + this.stroke(); + + this.currentPath_ = oldPath; + }; + + contextPrototype.fillRect = function(aX, aY, aWidth, aHeight) { + var oldPath = this.currentPath_; + this.beginPath(); + + this.moveTo(aX, aY); + this.lineTo(aX + aWidth, aY); + this.lineTo(aX + aWidth, aY + aHeight); + this.lineTo(aX, aY + aHeight); + this.closePath(); + this.fill(); + + this.currentPath_ = oldPath; + }; + + contextPrototype.createLinearGradient = function(aX0, aY0, aX1, aY1) { + var gradient = new CanvasGradient_('gradient'); + gradient.x0_ = aX0; + gradient.y0_ = aY0; + gradient.x1_ = aX1; + gradient.y1_ = aY1; + return gradient; + }; + + contextPrototype.createRadialGradient = function(aX0, aY0, aR0, + aX1, aY1, aR1) { + var gradient = new CanvasGradient_('gradientradial'); + gradient.x0_ = aX0; + gradient.y0_ = aY0; + gradient.r0_ = aR0; + gradient.x1_ = aX1; + gradient.y1_ = aY1; + gradient.r1_ = aR1; + return gradient; + }; + + contextPrototype.drawImage = function(image, var_args) { + var dx, dy, dw, dh, sx, sy, sw, sh; + + // to find the original width we overide the width and height + var oldRuntimeWidth = image.runtimeStyle.width; + var oldRuntimeHeight = image.runtimeStyle.height; + image.runtimeStyle.width = 'auto'; + image.runtimeStyle.height = 'auto'; + + // get the original size + var w = image.width; + var h = image.height; + + // and remove overides + image.runtimeStyle.width = oldRuntimeWidth; + image.runtimeStyle.height = oldRuntimeHeight; + + if (arguments.length == 3) { + dx = arguments[1]; + dy = arguments[2]; + sx = sy = 0; + sw = dw = w; + sh = dh = h; + } else if (arguments.length == 5) { + dx = arguments[1]; + dy = arguments[2]; + dw = arguments[3]; + dh = arguments[4]; + sx = sy = 0; + sw = w; + sh = h; + } else if (arguments.length == 9) { + sx = arguments[1]; + sy = arguments[2]; + sw = arguments[3]; + sh = arguments[4]; + dx = arguments[5]; + dy = arguments[6]; + dw = arguments[7]; + dh = arguments[8]; + } else { + throw Error('Invalid number of arguments'); + } + + var d = getCoords(this, dx, dy); + + var w2 = sw / 2; + var h2 = sh / 2; + + var vmlStr = []; + + var W = 10; + var H = 10; + + // For some reason that I've now forgotten, using divs didn't work + vmlStr.push(' ' , + '', + ''); + + this.element_.insertAdjacentHTML('BeforeEnd', vmlStr.join('')); + }; + + contextPrototype.stroke = function(aFill) { + var lineStr = []; + var lineOpen = false; + + var W = 10; + var H = 10; + + lineStr.push(''); + + if (!aFill) { + appendStroke(this, lineStr); + } else { + appendFill(this, lineStr, min, max); + } + + lineStr.push(''); + + this.element_.insertAdjacentHTML('beforeEnd', lineStr.join('')); + }; + + function appendStroke(ctx, lineStr) { + var a = processStyle(ctx.strokeStyle); + var color = a.color; + var opacity = a.alpha * ctx.globalAlpha; + var lineWidth = ctx.lineScale_ * ctx.lineWidth; + + // VML cannot correctly render a line if the width is less than 1px. + // In that case, we dilute the color to make the line look thinner. + if (lineWidth < 1) { + opacity *= lineWidth; + } + + lineStr.push( + '' + ); + } + + function appendFill(ctx, lineStr, min, max) { + var fillStyle = ctx.fillStyle; + var arcScaleX = ctx.arcScaleX_; + var arcScaleY = ctx.arcScaleY_; + var width = max.x - min.x; + var height = max.y - min.y; + if (fillStyle instanceof CanvasGradient_) { + // TODO: Gradients transformed with the transformation matrix. + var angle = 0; + var focus = {x: 0, y: 0}; + + // additional offset + var shift = 0; + // scale factor for offset + var expansion = 1; + + if (fillStyle.type_ == 'gradient') { + var x0 = fillStyle.x0_ / arcScaleX; + var y0 = fillStyle.y0_ / arcScaleY; + var x1 = fillStyle.x1_ / arcScaleX; + var y1 = fillStyle.y1_ / arcScaleY; + var p0 = getCoords(ctx, x0, y0); + var p1 = getCoords(ctx, x1, y1); + var dx = p1.x - p0.x; + var dy = p1.y - p0.y; + angle = Math.atan2(dx, dy) * 180 / Math.PI; + + // The angle should be a non-negative number. + if (angle < 0) { + angle += 360; + } + + // Very small angles produce an unexpected result because they are + // converted to a scientific notation string. + if (angle < 1e-6) { + angle = 0; + } + } else { + var p0 = getCoords(ctx, fillStyle.x0_, fillStyle.y0_); + focus = { + x: (p0.x - min.x) / width, + y: (p0.y - min.y) / height + }; + + width /= arcScaleX * Z; + height /= arcScaleY * Z; + var dimension = m.max(width, height); + shift = 2 * fillStyle.r0_ / dimension; + expansion = 2 * fillStyle.r1_ / dimension - shift; + } + + // We need to sort the color stops in ascending order by offset, + // otherwise IE won't interpret it correctly. + var stops = fillStyle.colors_; + stops.sort(function(cs1, cs2) { + return cs1.offset - cs2.offset; + }); + + var length = stops.length; + var color1 = stops[0].color; + var color2 = stops[length - 1].color; + var opacity1 = stops[0].alpha * ctx.globalAlpha; + var opacity2 = stops[length - 1].alpha * ctx.globalAlpha; + + var colors = []; + for (var i = 0; i < length; i++) { + var stop = stops[i]; + colors.push(stop.offset * expansion + shift + ' ' + stop.color); + } + + // When colors attribute is used, the meanings of opacity and o:opacity2 + // are reversed. + lineStr.push(''); + } else if (fillStyle instanceof CanvasPattern_) { + if (width && height) { + var deltaLeft = -min.x; + var deltaTop = -min.y; + lineStr.push(''); + } + } else { + var a = processStyle(ctx.fillStyle); + var color = a.color; + var opacity = a.alpha * ctx.globalAlpha; + lineStr.push(''); + } + } + + contextPrototype.fill = function() { + this.stroke(true); + }; + + contextPrototype.closePath = function() { + this.currentPath_.push({type: 'close'}); + }; + + function getCoords(ctx, aX, aY) { + var m = ctx.m_; + return { + x: Z * (aX * m[0][0] + aY * m[1][0] + m[2][0]) - Z2, + y: Z * (aX * m[0][1] + aY * m[1][1] + m[2][1]) - Z2 + }; + }; + + contextPrototype.save = function() { + var o = {}; + copyState(this, o); + this.aStack_.push(o); + this.mStack_.push(this.m_); + this.m_ = matrixMultiply(createMatrixIdentity(), this.m_); + }; + + contextPrototype.restore = function() { + if (this.aStack_.length) { + copyState(this.aStack_.pop(), this); + this.m_ = this.mStack_.pop(); + } + }; + + function matrixIsFinite(m) { + return isFinite(m[0][0]) && isFinite(m[0][1]) && + isFinite(m[1][0]) && isFinite(m[1][1]) && + isFinite(m[2][0]) && isFinite(m[2][1]); + } + + function setM(ctx, m, updateLineScale) { + if (!matrixIsFinite(m)) { + return; + } + ctx.m_ = m; + + if (updateLineScale) { + // Get the line scale. + // Determinant of this.m_ means how much the area is enlarged by the + // transformation. So its square root can be used as a scale factor + // for width. + var det = m[0][0] * m[1][1] - m[0][1] * m[1][0]; + ctx.lineScale_ = sqrt(abs(det)); + } + } + + contextPrototype.translate = function(aX, aY) { + var m1 = [ + [1, 0, 0], + [0, 1, 0], + [aX, aY, 1] + ]; + + setM(this, matrixMultiply(m1, this.m_), false); + }; + + contextPrototype.rotate = function(aRot) { + var c = mc(aRot); + var s = ms(aRot); + + var m1 = [ + [c, s, 0], + [-s, c, 0], + [0, 0, 1] + ]; + + setM(this, matrixMultiply(m1, this.m_), false); + }; + + contextPrototype.scale = function(aX, aY) { + this.arcScaleX_ *= aX; + this.arcScaleY_ *= aY; + var m1 = [ + [aX, 0, 0], + [0, aY, 0], + [0, 0, 1] + ]; + + setM(this, matrixMultiply(m1, this.m_), true); + }; + + contextPrototype.transform = function(m11, m12, m21, m22, dx, dy) { + var m1 = [ + [m11, m12, 0], + [m21, m22, 0], + [dx, dy, 1] + ]; + + setM(this, matrixMultiply(m1, this.m_), true); + }; + + contextPrototype.setTransform = function(m11, m12, m21, m22, dx, dy) { + var m = [ + [m11, m12, 0], + [m21, m22, 0], + [dx, dy, 1] + ]; + + setM(this, m, true); + }; + + /** + * The text drawing function. + * The maxWidth argument isn't taken in account, since no browser supports + * it yet. + */ + contextPrototype.drawText_ = function(text, x, y, maxWidth, stroke) { + var m = this.m_, + delta = 1000, + left = 0, + right = delta, + offset = {x: 0, y: 0}, + lineStr = []; + + var fontStyle = getComputedStyle(processFontStyle(this.font), + this.element_); + + var fontStyleString = buildStyle(fontStyle); + + var elementStyle = this.element_.currentStyle; + var textAlign = this.textAlign.toLowerCase(); + switch (textAlign) { + case 'left': + case 'center': + case 'right': + break; + case 'end': + textAlign = elementStyle.direction == 'ltr' ? 'right' : 'left'; + break; + case 'start': + textAlign = elementStyle.direction == 'rtl' ? 'right' : 'left'; + break; + default: + textAlign = 'left'; + } + + // 1.75 is an arbitrary number, as there is no info about the text baseline + switch (this.textBaseline) { + case 'hanging': + case 'top': + offset.y = fontStyle.size / 1.75; + break; + case 'middle': + break; + default: + case null: + case 'alphabetic': + case 'ideographic': + case 'bottom': + offset.y = -fontStyle.size / 2.25; + break; + } + + switch(textAlign) { + case 'right': + left = delta; + right = 0.05; + break; + case 'center': + left = right = delta / 2; + break; + } + + var d = getCoords(this, x + offset.x, y + offset.y); + + lineStr.push(''); + + if (stroke) { + appendStroke(this, lineStr); + } else { + // TODO: Fix the min and max params. + appendFill(this, lineStr, {x: -left, y: 0}, + {x: right, y: fontStyle.size}); + } + + var skewM = m[0][0].toFixed(3) + ',' + m[1][0].toFixed(3) + ',' + + m[0][1].toFixed(3) + ',' + m[1][1].toFixed(3) + ',0,0'; + + var skewOffset = mr(d.x / Z) + ',' + mr(d.y / Z); + + lineStr.push('', + '', + ''); + + this.element_.insertAdjacentHTML('beforeEnd', lineStr.join('')); + }; + + contextPrototype.fillText = function(text, x, y, maxWidth) { + this.drawText_(text, x, y, maxWidth, false); + }; + + contextPrototype.strokeText = function(text, x, y, maxWidth) { + this.drawText_(text, x, y, maxWidth, true); + }; + + contextPrototype.measureText = function(text) { + if (!this.textMeasureEl_) { + var s = ''; + this.element_.insertAdjacentHTML('beforeEnd', s); + this.textMeasureEl_ = this.element_.lastChild; + } + var doc = this.element_.ownerDocument; + this.textMeasureEl_.innerHTML = ''; + this.textMeasureEl_.style.font = this.font; + // Don't use innerHTML or innerText because they allow markup/whitespace. + this.textMeasureEl_.appendChild(doc.createTextNode(text)); + return {width: this.textMeasureEl_.offsetWidth}; + }; + + /******** STUBS ********/ + contextPrototype.clip = function() { + // TODO: Implement + }; + + contextPrototype.arcTo = function() { + // TODO: Implement + }; + + contextPrototype.createPattern = function(image, repetition) { + return new CanvasPattern_(image, repetition); + }; + + // Gradient / Pattern Stubs + function CanvasGradient_(aType) { + this.type_ = aType; + this.x0_ = 0; + this.y0_ = 0; + this.r0_ = 0; + this.x1_ = 0; + this.y1_ = 0; + this.r1_ = 0; + this.colors_ = []; + } + + CanvasGradient_.prototype.addColorStop = function(aOffset, aColor) { + aColor = processStyle(aColor); + this.colors_.push({offset: aOffset, + color: aColor.color, + alpha: aColor.alpha}); + }; + + function CanvasPattern_(image, repetition) { + assertImageIsValid(image); + switch (repetition) { + case 'repeat': + case null: + case '': + this.repetition_ = 'repeat'; + break + case 'repeat-x': + case 'repeat-y': + case 'no-repeat': + this.repetition_ = repetition; + break; + default: + throwException('SYNTAX_ERR'); + } + + this.src_ = image.src; + this.width_ = image.width; + this.height_ = image.height; + } + + function throwException(s) { + throw new DOMException_(s); + } + + function assertImageIsValid(img) { + if (!img || img.nodeType != 1 || img.tagName != 'IMG') { + throwException('TYPE_MISMATCH_ERR'); + } + if (img.readyState != 'complete') { + throwException('INVALID_STATE_ERR'); + } + } + + function DOMException_(s) { + this.code = this[s]; + this.message = s +': DOM Exception ' + this.code; + } + var p = DOMException_.prototype = new Error; + p.INDEX_SIZE_ERR = 1; + p.DOMSTRING_SIZE_ERR = 2; + p.HIERARCHY_REQUEST_ERR = 3; + p.WRONG_DOCUMENT_ERR = 4; + p.INVALID_CHARACTER_ERR = 5; + p.NO_DATA_ALLOWED_ERR = 6; + p.NO_MODIFICATION_ALLOWED_ERR = 7; + p.NOT_FOUND_ERR = 8; + p.NOT_SUPPORTED_ERR = 9; + p.INUSE_ATTRIBUTE_ERR = 10; + p.INVALID_STATE_ERR = 11; + p.SYNTAX_ERR = 12; + p.INVALID_MODIFICATION_ERR = 13; + p.NAMESPACE_ERR = 14; + p.INVALID_ACCESS_ERR = 15; + p.VALIDATION_ERR = 16; + p.TYPE_MISMATCH_ERR = 17; + + // set up externs + G_vmlCanvasManager = G_vmlCanvasManager_; + CanvasRenderingContext2D = CanvasRenderingContext2D_; + CanvasGradient = CanvasGradient_; + CanvasPattern = CanvasPattern_; + DOMException = DOMException_; +})(); + +} // if \ No newline at end of file diff --git a/public/static/baidu/js/jt/jit-yc.js b/public/static/baidu/js/jt/jit-yc.js new file mode 100644 index 0000000..424bbbe --- /dev/null +++ b/public/static/baidu/js/jt/jit-yc.js @@ -0,0 +1,25 @@ +/* +Copyright (c) 2011 Sencha Inc. - Author: Nicolas Garcia Belmonte (http://philogb.github.com/) + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in +all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN +THE SOFTWARE. + + */ + (function(){window.$jit=function(x){x=x||window;for(var y in $jit){if($jit[y].$extend){x[y]=$jit[y]}}};$jit.version="2.0.1";var c=function(w){return document.getElementById(w)};c.empty=function(){};c.extend=function(y,w){for(var x in (w||{})){y[x]=w[x]}return y};c.lambda=function(w){return(typeof w=="function")?w:function(){return w}};c.time=Date.now||function(){return +new Date};c.splat=function(x){var w=c.type(x);return w?((w!="array")?[x]:x):[]};c.type=function(x){var w=c.type.s.call(x).match(/^\[object\s(.*)\]$/)[1].toLowerCase();if(w!="object"){return w}if(x&&x.$$family){return x.$$family}return(x&&x.nodeName&&x.nodeType==1)?"element":w};c.type.s=Object.prototype.toString;c.each=function(B,A){var z=c.type(B);if(z=="object"){for(var y in B){A(B[y],y)}}else{for(var x=0,w=B.length;x>16,y>>8&255,y&255]}};c.destroy=function(w){c.clean(w);if(w.parentNode){w.parentNode.removeChild(w)}if(w.clearAttributes){w.clearAttributes()}};c.clean=function(z){for(var y=z.childNodes,x=0,w=y.length;x-1};c.addClass=function(x,w){if(!c.hasClass(x,w)){x.className=(x.className+" "+w)}};c.removeClass=function(x,w){x.className=x.className.replace(new RegExp("(^|\\s)"+w+"(?:\\s|$)"),"$1")};c.getPos=function(y){var B=A(y);var w=z(y);return{x:B.x-w.x,y:B.y-w.y};function A(D){var C={x:0,y:0};while(D&&!x(D)){C.x+=D.offsetLeft;C.y+=D.offsetTop;D=D.offsetParent}return C}function z(D){var C={x:0,y:0};while(D&&!x(D)){C.x+=D.scrollLeft;C.y+=D.scrollTop;D=D.parentNode}return C}function x(C){return(/^(?:body|html)$/i).test(C.tagName)}};c.event={get:function(x,w){w=w||window;return x||w.event},getWheel:function(w){return w.wheelDelta?w.wheelDelta/120:-(w.detail||0)/3},isRightClick:function(w){return(w.which==3||w.button==2)},getPos:function(z,y){y=y||window;z=z||y.event;var x=y.document;x=x.documentElement||x.body;if(z.touches&&z.touches.length){z=z.touches[0]}var w={x:z.pageX||(z.clientX+x.scrollLeft),y:z.pageY||(z.clientY+x.scrollTop)};return w},stop:function(w){if(w.stopPropagation){w.stopPropagation()}w.cancelBubble=true;if(w.preventDefault){w.preventDefault()}else{w.returnValue=false}}};$jit.util=$jit.id=c;var q=function(x){x=x||{};var w=function(){for(var A in this){if(typeof this[A]!="function"){this[A]=c.unlink(this[A])}}this.constructor=w;if(q.prototyping){return this}var z=this.initialize?this.initialize.apply(this,arguments):this;this.$$family="class";return z};for(var y in q.Mutators){if(!x[y]){continue}x=q.Mutators[y](x,x[y]);delete x[y]}c.extend(w,this);w.constructor=q;w.prototype=x;return w};q.Mutators={Implements:function(w,x){c.each(c.splat(x),function(z){q.prototyping=z;var y=(typeof z=="function")?new z:z;for(var A in y){if(!(A in w)){w[A]=y[A]}}delete q.prototyping});return w}};c.extend(q,{inherit:function(w,z){for(var y in z){var x=z[y];var B=w[y];var A=c.type(x);if(B&&A=="function"){if(x!=B){q.override(w,y,x)}}else{if(A=="object"){w[y]=c.merge(B,x)}else{w[y]=x}}}return w},override:function(x,w,A){var z=q.prototyping;if(z&&x[w]!=z[w]){z=null}var y=function(){var B=this.parent;this.parent=z?z[w]:x[w];var C=A.apply(this,arguments);this.parent=B;return C};x[w]=y}});q.prototype.implement=function(){var w=this.prototype;c.each(Array.prototype.slice.call(arguments||[]),function(x){q.inherit(w,x)});return this};$jit.Class=q;$jit.json={prune:function(x,w){this.each(x,function(z,y){if(y==w&&z.children){delete z.children;z.children=[]}})},getParent:function(w,A){if(w.id==A){return false}var z=w.children;if(z&&z.length>0){for(var y=0;y=(7-4*z)/11){A=y*y-Math.pow((11-6*z-11*B)/4,2);break}}return A},Elastic:function(z,y){return Math.pow(2,10*--z)*Math.cos(20*z*Math.PI*(y[0]||1)/3)}};c.each(x,function(z,y){i[y]=w(z)});c.each(["Quad","Cubic","Quart","Quint"],function(z,y){i[z]=w(function(A){return Math.pow(A,[y+2])})})})();var u=new q({initialize:function(w){this.setOptions(w)},setOptions:function(w){var x={duration:2500,fps:40,transition:i.Quart.easeInOut,compute:c.empty,complete:c.empty,link:"ignore"};this.opt=c.merge(x,w||{});return this},step:function(){var x=c.time(),w=this.opt;if(xD.height)?(F.y-C.height-E):F.y+E)+"px";A.left=((F.x+C.width+w>D.width)?(F.x-C.width-w):F.x+w)+"px"},hide:function(w){this.tip.style.display="none";w&&this.config.onHide()}});o.Classes.NodeStyles=new q({Implements:[t,h],initializePost:function(){this.fx=this.viz.fx;this.types=this.viz.fx.nodeTypes;this.nStyles=this.config;this.nodeStylesOnHover=this.nStyles.stylesHover;this.nodeStylesOnClick=this.nStyles.stylesClick;this.hoveredNode=false;this.fx.nodeFxAnimation=new u();this.down=false;this.move=false},onMouseOut:function(y,x){this.down=this.move=false;if(!this.hoveredNode){return}if(this.dom&&this.isLabel(y,x,true)){this.toggleStylesOnHover(this.hoveredNode,false)}var w=y.relatedTarget,z=this.canvas.getElement();while(w&&w.parentNode){if(z==w.parentNode){return}w=w.parentNode}this.toggleStylesOnHover(this.hoveredNode,false);this.hoveredNode=false},onMouseOver:function(z,y){var w;if(this.dom&&(w=this.isLabel(z,y,true))){var x=this.viz.graph.getNode(w.id);if(x.selected){return}this.hoveredNode=x;this.toggleStylesOnHover(this.hoveredNode,true)}},onMouseDown:function(A,z,x,y){if(y){return}var w;if(this.dom&&(w=this.isLabel(A,z))){this.down=this.viz.graph.getNode(w.id)}else{if(!this.dom){this.down=x.getNode()}}this.move=false},onMouseUp:function(z,y,w,x){if(x){return}if(!this.move){this.onClick(w.getNode())}this.down=this.move=false},getRestoredStyles:function(x,w){var z={},y=this["nodeStylesOn"+w];for(var A in y){z[A]=x.styles["$"+A]}return z},toggleStylesOnHover:function(w,x){if(this.nodeStylesOnHover){this.toggleStylesOn("Hover",w,x)}},toggleStylesOnClick:function(w,x){if(this.nodeStylesOnClick){this.toggleStylesOn("Click",w,x)}},toggleStylesOn:function(A,w,C){var D=this.viz;var B=this.nStyles;if(C){var z=this;if(!w.styles){w.styles=c.merge(w.data,{})}for(var E in this["nodeStylesOn"+A]){var x="$"+E;if(!(x in w.styles)){w.styles[x]=w.getData(E)}}D.fx.nodeFx(c.extend({elements:{id:w.id,properties:z["nodeStylesOn"+A]},transition:i.Quart.easeOut,duration:300,fps:40},this.config))}else{var y=this.getRestoredStyles(w,A);D.fx.nodeFx(c.extend({elements:{id:w.id,properties:y},transition:i.Quart.easeOut,duration:300,fps:40},this.config))}},onClick:function(w){if(!w){return}var x=this.nodeStylesOnClick;if(!x){return}if(w.selected){this.toggleStylesOnClick(w,false);delete w.selected}else{this.viz.graph.eachNode(function(z){if(z.selected){for(var y in x){z.setData(y,z.styles["$"+y],"end")}delete z.selected}});this.toggleStylesOnClick(w,true);w.selected=true;delete w.hovered;this.hoveredNode=false}},onMouseMove:function(C,B,z){if(this.down){this.move=true}if(this.dom&&this.isLabel(C,B)){return}var A=this.nodeStylesOnHover;if(!A){return}if(!this.dom){if(this.hoveredNode){var x=this.types[this.hoveredNode.getData("type")];var w=x&&x.contains&&x.contains.call(this.fx,this.hoveredNode,z.getPos());if(w){return}}var y=z.getNode();if(!this.hoveredNode&&!y){return}if(y.hovered){return}if(y&&!y.selected){this.fx.nodeFxAnimation.stopTimer();this.viz.graph.eachNode(function(E){if(E.hovered&&!E.selected){for(var D in A){E.setData(D,E.styles["$"+D],"end")}delete E.hovered}});y.hovered=true;this.hoveredNode=y;this.toggleStylesOnHover(y,true)}else{if(this.hoveredNode&&!this.hoveredNode.selected){this.fx.nodeFxAnimation.stopTimer();this.toggleStylesOnHover(this.hoveredNode,false);delete this.hoveredNode.hovered;this.hoveredNode=false}}}}});o.Classes.Navigation=new q({Implements:[t,h],initializePost:function(){this.pos=false;this.pressed=false},onMouseWheel:function(z,y,w){if(!this.config.zooming){return}c.event.stop(c.event.get(z,y));var A=this.config.zooming/1000,x=1+w*A;this.canvas.scale(x,x)},onMouseDown:function(B,A,z){if(!this.config.panning){return}if(this.config.panning=="avoid nodes"&&(this.dom?this.isLabel(B,A):z.getNode())){return}this.pressed=true;this.pos=z.getPos();var y=this.canvas,x=y.translateOffsetX,w=y.translateOffsetY,D=y.scaleOffsetX,C=y.scaleOffsetY;this.pos.x*=D;this.pos.x+=x;this.pos.y*=C;this.pos.y+=w},onMouseMove:function(D,C,F){if(!this.config.panning){return}if(!this.pressed){return}if(this.config.panning=="avoid nodes"&&(this.dom?this.isLabel(D,C):F.getNode())){return}var B=this.pos,E=F.getPos(),z=this.canvas,A=z.translateOffsetX,w=z.translateOffsetY,J=z.scaleOffsetX,H=z.scaleOffsetY;E.x*=J;E.y*=H;E.x+=A;E.y+=w;var I=E.x-B.x,G=E.y-B.y;this.pos=E;this.canvas.translate(I*1/J,G*1/H)},onMouseUp:function(z,y,x,w){if(!this.config.panning){return}this.pressed=false}});var l;(function(){var w=typeof HTMLCanvasElement,y=(w=="object"||w=="function");function x(z,A){var B=document.createElement(z);for(var C in A){if(typeof A[C]=="object"){c.extend(B[C],A[C])}else{B[C]=A[C]}}if(z=="canvas"&&!y&&G_vmlCanvasManager){B=G_vmlCanvasManager.initElement(document.body.appendChild(B))}return B}$jit.Canvas=l=new q({canvases:[],pos:false,element:false,labelContainer:false,translateOffsetX:0,translateOffsetY:0,scaleOffsetX:1,scaleOffsetY:1,initialize:function(L,E){this.viz=L;this.opt=this.config=E;var B=c.type(E.injectInto)=="string"?E.injectInto:E.injectInto.id,K=E.type,C=B+"-label",z=c(B),D=E.width||z.offsetWidth,M=E.height||z.offsetHeight;this.id=B;var F={injectInto:B,width:D,height:M};this.element=x("div",{id:B+"-canvaswidget",style:{position:"relative",width:D+"px",height:M+"px"}});this.labelContainer=this.createLabelContainer(E.Label.type,C,F);this.canvases.push(new l.Base[K]({config:c.extend({idSuffix:"-canvas"},F),plot:function(N){L.fx.plot()},resize:function(){L.refresh()}}));var G=E.background;if(G){var J=new l.Background[G.type](L,c.extend(G,F));this.canvases.push(new l.Base[K](J))}var I=this.canvases.length;while(I--){this.element.appendChild(this.canvases[I].canvas);if(I>0){this.canvases[I].plot()}}this.element.appendChild(this.labelContainer);z.appendChild(this.element);var A=null,H=this;c.addEvent(window,"scroll",function(){clearTimeout(A);A=setTimeout(function(){H.getPos(true)},500)})},getCtx:function(z){return this.canvases[z||0].getCtx()},getConfig:function(){return this.opt},getElement:function(){return this.element},getSize:function(z){return this.canvases[z||0].getSize()},resize:function(D,z){this.getPos(true);this.translateOffsetX=this.translateOffsetY=0;this.scaleOffsetX=this.scaleOffsetY=1;for(var B=0,A=this.canvases.length;BE){A=x((E+((B-C)-E)*F))}else{A=x((E-C+(B-(E))*F))}}else{if(D>=z){if(B>E){A=x((E+((B-C)-E)*F))}else{A=x((E-C+(B-(E-C))*F))}}else{A=x((E+(B-E)*F))}}var w=(this.rho-y.rho)*F+y.rho;return{theta:A,rho:w}}};var k=function(x,w){return new b(x,w)};b.KER=k(0,0);var p=function(w,z){this.x=w||0;this.y=z||0};$jit.Complex=p;p.prototype={getc:function(){return this},getp:function(w){return this.toPolar(w)},set:function(w){w=w.getc(true);this.x=w.x;this.y=w.y},setc:function(w,z){this.x=w;this.y=z},setp:function(x,w){this.x=Math.cos(x)*w;this.y=Math.sin(x)*w},clone:function(){return new p(this.x,this.y)},toPolar:function(y){var w=this.norm();var x=Math.atan2(this.y,this.x);if(x<0){x+=Math.PI*2}if(y){return{theta:x,rho:w}}return new b(x,w)},norm:function(){return Math.sqrt(this.squaredNorm())},squaredNorm:function(){return this.x*this.x+this.y*this.y},add:function(w){return new p(this.x+w.x,this.y+w.y)},prod:function(w){return new p(this.x*w.x-this.y*w.y,this.y*w.x+this.x*w.y)},conjugate:function(){return new p(this.x,-this.y)},scale:function(w){return new p(this.x*w,this.y*w)},equals:function(w){return this.x==w.x&&this.y==w.y},$add:function(w){this.x+=w.x;this.y+=w.y;return this},$prod:function(A){var w=this.x,z=this.y;this.x=w*A.x-z*A.y;this.y=z*A.x+w*A.y;return this},$conjugate:function(){this.y=-this.y;return this},$scale:function(w){this.x*=w;this.y*=w;return this},$div:function(B){var w=this.x,A=this.y;var z=B.squaredNorm();this.x=w*B.x+A*B.y;this.y=A*B.x-w*B.y;return this.$scale(1/z)},isZero:function(){var x=0.0001,w=Math.abs;return w(this.x)=F&&I<=G&&w(H)){B(H,I)}if(II){y(K,F,G)}})}})(A,E+D,x+D)},eachSubgraph:function(x,y,w){this.eachLevel(x,0,false,y,w)},eachSubnode:function(x,y,w){this.eachLevel(x,1,1,y,w)},anySubnode:function(z,y,x){var w=false;y=y||c.lambda(true);var A=c.type(y)=="string"?function(B){return B[y]}:y;this.eachSubnode(z,function(B){if(A(B)){w=true}},x);return w},getSubnodes:function(B,C,w){var y=[],A=this;C=C||0;var z,x;if(c.type(C)=="array"){z=C[0];x=C[1]}else{z=C;x=Number.MAX_VALUE-B._depth}this.eachLevel(B,z,x,function(D){y.push(D)},w);return y},getParents:function(x){var w=[];this.eachAdjacency(x,function(y){var z=y.nodeTo;if(z._depth-1)){H.endData[J]=G[J]}else{H.data[J]=G[J]}}}});B.graph.eachNode(function(G){if(G.ignore){return}G.eachAdjacency(function(H){if(H.nodeFrom.ignore||H.nodeTo.ignore){return}var I=C.getNode(H.nodeFrom.id);var J=C.getNode(H.nodeTo.id);if(!I.adjacentTo(J)){var H=B.graph.getAdjacence(I.id,J.id);w=true;H.setData("alpha",1);H.setData("alpha",1,"start");H.setData("alpha",0,"end")}})});var w=this.preprocessSum(C);var y=!w?["node-property:alpha"]:["node-property:alpha","edge-property:alpha"];y[0]=y[0]+(("node-property" in z)?(":"+c.splat(z["node-property"]).join(":")):"");y[1]=(y[1]||"edge-property:alpha")+(("edge-property" in z)?(":"+c.splat(z["edge-property"]).join(":")):"");if("label-property" in z){y.push("label-property:"+c.splat(z["label-property"]).join(":"))}if(B.reposition){B.reposition()}else{B.compute("end")}B.graph.eachNode(function(G){if(G.id!=A&&G.pos.getp().equals(b.KER)){G.pos.set(G.endPos);G.startPos.set(G.endPos)}});B.fx.animate(c.merge(F,{modes:[z.position||"polar"].concat(y),onComplete:function(){B.graph.eachNode(function(G){if(G.ignore){B.graph.removeNode(G.id)}});B.graph.eachNode(function(G){G.eachAdjacency(function(H){if(H.ignore){B.graph.removeAdjacence(H.nodeFrom.id,H.nodeTo.id)}})});F.onComplete()}}));break;default:}},contract:function(y,x){var w=this.viz;if(y.collapsed||!y.anySubnode(c.lambda(true))){return}x=c.merge(this.options,w.config,x||{},{modes:["node-property:alpha:span","linear"]});y.collapsed=true;(function z(A){A.eachSubnode(function(B){B.ignore=true;B.setData("alpha",0,x.type=="animate"?"end":"current");z(B)})})(y);if(x.type=="animate"){w.compute("end");if(w.rotated){w.rotate(w.rotated,"none",{property:"end"})}(function z(A){A.eachSubnode(function(B){B.setPos(y.getPos("end"),"end");z(B)})})(y);w.fx.animate(x)}else{if(x.type=="replot"){w.refresh()}}},expand:function(y,x){if(!("collapsed" in y)){return}var w=this.viz;x=c.merge(this.options,w.config,x||{},{modes:["node-property:alpha:span","linear"]});delete y.collapsed;(function z(A){A.eachSubnode(function(B){delete B.ignore;B.setData("alpha",1,x.type=="animate"?"end":"current");z(B)})})(y);if(x.type=="animate"){w.compute("end");if(w.rotated){w.rotate(w.rotated,"none",{property:"end"})}w.fx.animate(x)}else{if(x.type=="replot"){w.refresh()}}},preprocessSum:function(x){var w=this.viz;x.eachNode(function(z){if(!w.graph.hasNode(z.id)){w.graph.addNode(z);var A=w.graph.getNode(z.id);A.setData("alpha",0);A.setData("alpha",0,"start");A.setData("alpha",1,"end")}});var y=false;x.eachNode(function(z){z.eachAdjacency(function(A){var B=w.graph.getNode(A.nodeFrom.id);var C=w.graph.getNode(A.nodeTo.id);if(!B.adjacentTo(C)){var A=w.graph.addAdjacence(B,C,A.data);if(B.startAlpha==B.endAlpha&&C.startAlpha==C.endAlpha){y=true;A.setData("alpha",0);A.setData("alpha",0,"start");A.setData("alpha",1,"end")}}})});return y}};var a={none:{render:c.empty,contains:c.lambda(false)},circle:{render:function(z,A,w,y){var x=y.getCtx();x.beginPath();x.arc(A.x,A.y,w,0,Math.PI*2,true);x.closePath();x[z]()},contains:function(B,A,w){var y=B.x-A.x,x=B.y-A.y,z=y*y+x*x;return z<=w*w}},ellipse:{render:function(C,E,w,F,x){var G=x.getCtx(),z=1,y=1,D=1,B=1,A=0;if(w>F){A=w/2;y=F/w;B=w/F}else{A=F/2;z=w/F;D=F/w}G.save();G.scale(z,y);G.beginPath();G.arc(E.x*D,E.y*B,A,0,Math.PI*2,true);G.closePath();G[C]();G.restore()},contains:function(w,D,x,F){var C=0,B=1,A=1,z=0,y=0,E=0;if(x>F){C=x/2;A=F/x}else{C=F/2;B=x/F}z=(w.x-D.x)*(1/B);y=(w.y-D.y)*(1/A);E=z*z+y*y;return E<=C*C}},square:{render:function(x,z,y,w){w.getCtx()[x+"Rect"](z.x-y,z.y-y,2*y,2*y)},contains:function(y,x,w){return Math.abs(x.x-y.x)<=w&&Math.abs(x.y-y.y)<=w}},rectangle:{render:function(z,A,y,w,x){x.getCtx()[z+"Rect"](A.x-y/2,A.y-w/2,y,w)},contains:function(z,y,x,w){return Math.abs(y.x-z.x)<=x/2&&Math.abs(y.y-z.y)<=w/2}},triangle:{render:function(C,D,z,w){var G=w.getCtx(),y=D.x,x=D.y-z,F=y-z,E=D.y+z,B=y+z,A=E;G.beginPath();G.moveTo(y,x);G.lineTo(F,E);G.lineTo(B,A);G.closePath();G[C]()},contains:function(y,x,w){return a.circle.contains(y,x,w)}},star:{render:function(A,C,B,x){var w=x.getCtx(),z=Math.PI/5;w.save();w.translate(C.x,C.y);w.beginPath();w.moveTo(B,0);for(var y=0;y<9;y++){w.rotate(z);if(y%2==0){w.lineTo((B/0.525731)*0.200811,0)}else{w.lineTo(B,0)}}w.closePath();w[A]();w.restore()},contains:function(y,x,w){return a.circle.contains(y,x,w)}}};var m={line:{render:function(z,y,x){var w=x.getCtx();w.beginPath();w.moveTo(z.x,z.y);w.lineTo(y.x,y.y);w.stroke()},contains:function(G,y,B,E){var z=Math.min,C=Math.max,x=z(G.x,y.x),F=C(G.x,y.x),w=z(G.y,y.y),D=C(G.y,y.y);if(B.x>=x&&B.x<=F&&B.y>=w&&B.y<=D){if(Math.abs(y.x-G.x)<=E){return true}var A=(y.y-G.y)/(y.x-G.x)*(B.x-G.x)+G.y;return Math.abs(A-B.y)<=E}return false}},arrow:{render:function(F,G,z,x,w){var H=w.getCtx();if(x){var y=F;F=G;G=y}var C=new p(G.x-F.x,G.y-F.y);C.$scale(z/C.norm());var A=new p(G.x-C.x,G.y-C.y),B=new p(-C.y/2,C.x/2),E=A.add(B),D=A.$add(B.$scale(-1));H.beginPath();H.moveTo(F.x,F.y);H.lineTo(G.x,G.y);H.stroke();H.beginPath();H.moveTo(E.x,E.y);H.lineTo(D.x,D.y);H.lineTo(G.x,G.y);H.closePath();H.fill()},contains:function(x,w,z,y){return m.line.contains(x,w,z,y)}},hyperline:{render:function(D,E,w,y){var F=y.getCtx();var z=A(D,E);if(z.a>1000||z.b>1000||z.ratio<0){F.beginPath();F.moveTo(D.x*w,D.y*w);F.lineTo(E.x*w,E.y*w);F.stroke()}else{var C=Math.atan2(E.y-z.y,E.x-z.x);var B=Math.atan2(D.y-z.y,D.x-z.x);var x=x(C,B);F.beginPath();F.arc(z.x*w,z.y*w,z.ratio*w,C,B,x);F.stroke()}function A(S,R){var K=(S.x*R.y-S.y*R.x),G=K;var J=S.squaredNorm(),I=R.squaredNorm();if(K==0){return{x:0,y:0,ratio:-1}}var Q=(S.y*I-R.y*J+S.y-R.y)/K;var O=(R.x*J-S.x*I+R.x-S.x)/G;var P=-Q/2;var N=-O/2;var M=(Q*Q+O*O)/4-1;if(M<0){return{x:0,y:0,ratio:-1}}var L=Math.sqrt(M);var H={x:P,y:N,ratio:L>1000?-1:L,a:Q,b:O};return H}function x(G,H){return(GH)?false:true):((H+Math.PI>G)?true:false)}},contains:c.lambda(false)}};e.Plot={initialize:function(x,w){this.viz=x;this.config=x.config;this.node=x.config.Node;this.edge=x.config.Edge;this.animation=new u;this.nodeTypes=new w.Plot.NodeTypes;this.edgeTypes=new w.Plot.EdgeTypes;this.labels=x.labels},nodeHelper:a,edgeHelper:m,Interpolator:{map:{border:"color",color:"color",width:"number",height:"number",dim:"number",alpha:"number",lineWidth:"number",angularWidth:"number",span:"number",valueArray:"array-number",dimArray:"array-number"},canvas:{globalAlpha:"number",fillStyle:"color",strokeStyle:"color",lineWidth:"number",shadowBlur:"number",shadowColor:"color",shadowOffsetX:"number",shadowOffsetY:"number",miterLimit:"number"},label:{size:"number",color:"color"},compute:function(y,x,w){return y+(x-y)*w},moebius:function(D,C,F,z){var B=z.scale(-F);if(B.norm()<1){var w=B.x,E=B.y;var A=D.startPos.getc().moebiusTransformation(B);D.pos.setc(A.x,A.y);B.x=w;B.y=E}},linear:function(x,w,A){var z=x.startPos.getc(true);var y=x.endPos.getc(true);x.pos.setc(this.compute(z.x,y.x,A),this.compute(z.y,y.y,A))},polar:function(y,x,B){var A=y.startPos.getp(true);var z=y.endPos.getp();var w=z.interpolate(A,B);y.pos.setp(w.theta,w.rho)},number:function(x,C,B,w,A){var z=x[w](C,"start");var y=x[w](C,"end");x[A](C,this.compute(z,y,B))},color:function(y,w,E,B,z){var C=c.hexToRgb(y[B](w,"start"));var D=c.hexToRgb(y[B](w,"end"));var A=this.compute;var x=c.rgbToHex([parseInt(A(C[0],D[0],E)),parseInt(A(C[1],D[1],E)),parseInt(A(C[2],D[2],E))]);y[z](w,x)},"array-number":function(z,y,J,G,B){var H=z[G](y,"start"),I=z[G](y,"end"),K=[];for(var E=0,A=H.length;E=0.95){C.labels.plotLabel(y,I,x)}else{C.labels.hideLabel(I,false)}}I.visited=!z})},plotTree:function(A,x,E){var B=this,C=this.viz,y=C.canvas,z=this.config,D=y.getCtx();var w=A.getData("alpha");A.eachSubnode(function(G){if(x.plotSubtree(A,G)&&G.exist&&G.drawn){var F=A.getAdjacency(G.id);!E&&x.onBeforePlotLine(F);B.plotLine(F,y,E);!E&&x.onAfterPlotLine(F);B.plotTree(G,x,E)}});if(A.drawn){!E&&x.onBeforePlotNode(A);this.plotNode(A,y,E);!E&&x.onAfterPlotNode(A);if(!x.hideLabels&&x.withLabels&&w>=0.95){this.labels.plotLabel(y,A,x)}else{this.labels.hideLabel(A,false)}}else{this.labels.hideLabel(A,true)}},plotNode:function(y,x,F){var C=y.getData("type"),B=this.node.CanvasStyles;if(C!="none"){var w=y.getData("lineWidth"),A=y.getData("color"),z=y.getData("alpha"),D=x.getCtx();D.save();D.lineWidth=w;D.fillStyle=D.strokeStyle=A;D.globalAlpha=z;for(var E in B){D[E]=y.getCanvasStyle(E)}this.nodeTypes[C].render.call(this,y,x,F);D.restore()}},plotLine:function(C,x,G){var B=C.getData("type"),z=this.edge.CanvasStyles;if(B!="none"){var w=C.getData("lineWidth"),y=C.getData("color"),E=x.getCtx(),A=C.nodeFrom,D=C.nodeTo;E.save();E.lineWidth=w;E.fillStyle=E.strokeStyle=y;E.globalAlpha=Math.min(A.getData("alpha"),D.getData("alpha"),C.getData("alpha"));for(var F in z){E[F]=C.getCanvasStyle(F)}this.edgeTypes[B].render.call(this,C,x,G);E.restore()}}};e.Plot3D=c.merge(e.Plot,{Interpolator:{linear:function(x,w,A){var z=x.startPos.getc(true);var y=x.endPos.getc(true);x.pos.setc(this.compute(z.x,y.x,A),this.compute(z.y,y.y,A),this.compute(z.z,y.z,A))}},plotNode:function(x,w){if(x.getData("type")=="none"){return}this.plotElement(x,w,{getAlpha:function(){return x.getData("alpha")}})},plotLine:function(w,x){if(w.getData("type")=="none"){return}this.plotElement(w,x,{getAlpha:function(){return Math.min(w.nodeFrom.getData("alpha"),w.nodeTo.getData("alpha"),w.getData("alpha"))}})},plotElement:function(Y,E,z){var V=E.getCtx(),F=new Matrix4,x=E.config.Scene.Lighting,Z=E.canvases[0],K=Z.program,X=Z.camera;if(!Y.geometry){Y.geometry=new O3D[Y.getData("type")]}Y.geometry.update(Y);if(!Y.webGLVertexBuffer){var J=[],B=[],P=[],N=0,S=Y.geometry;for(var W=0,U=S.vertices,H=S.faces,G=H.length;W=x.width||y.x<0||y.y>=x.height||y.y<0){return false}return true}});e.Label.HTML=new q({Implements:e.Label.DOM,plotLabel:function(z,A,y){var B=A.id,w=this.getLabel(B);if(!w&&!(w=document.getElementById(B))){w=document.createElement("div");var x=this.getLabelContainer();w.id=B;w.className="node";w.style.position="absolute";y.onCreateLabel(w,A);x.appendChild(w);this.labels[A.id]=w}this.placeLabel(w,A,y)}});e.Label.SVG=new q({Implements:e.Label.DOM,plotLabel:function(z,B,y){var D=B.id,w=this.getLabel(D);if(!w&&!(w=document.getElementById(D))){var A="http://www.w3.org/2000/svg";w=document.createElementNS(A,"svg:text");var C=document.createElementNS(A,"svg:tspan");w.appendChild(C);var x=this.getLabelContainer();w.setAttribute("id",D);w.setAttribute("class","node");x.appendChild(w);y.onCreateLabel(w,B);this.labels[B.id]=w}this.placeLabel(w,B,y)}});e.Geom=new q({initialize:function(w){this.viz=w;this.config=w.config;this.node=w.config.Node;this.edge=w.config.Edge},translate:function(x,w){w=c.splat(w);this.viz.graph.eachNode(function(y){c.each(w,function(z){y.getPos(z).$add(x)})})},setRightLevelToShow:function(z,w,B){var A=this.getRightLevelToShow(z,w),y=this.viz.labels,x=c.merge({execShow:true,execHide:true,onHide:c.empty,onShow:c.empty},B||{});z.eachLevel(0,this.config.levelsToShow,function(D){var C=D._depth-z._depth;if(C>A){x.onHide(D);if(x.execHide){D.drawn=false;D.exist=false;y.hideLabel(D,false)}}else{x.onShow(D);if(x.execShow){D.exist=true}}});z.drawn=true},getRightLevelToShow:function(z,x){var w=this.config;var A=w.levelsToShow;var y=w.constrained;if(!y){return A}while(!this.treeFitsInCanvas(z,x,A)&&A>1){A--}return A}});var d={construct:function(x){var y=(c.type(x)=="array");var w=new e(this.graphOptions,this.config.Node,this.config.Edge,this.config.Label);if(!y){(function(z,B){z.addNode(B);if(B.children){for(var A=0,C=B.children;AC?F:C;D.setData("width",E);D.setData("height",E);D.setData("dim",E)}}})},initializeLabel:function(w){if(!this.label){this.label=document.createElement("div");document.body.appendChild(this.label)}this.setLabelStyles(w)},setLabelStyles:function(w){c.extend(this.label.style,{visibility:"hidden",position:"absolute",width:"auto",height:"auto"});this.label.className="jit-autoadjust-label"}};g.Tree=(function(){var F=Array.prototype.slice;function D(P,K,H,N,I){var M=K.Node;var J=K.multitree;if(M.overridable){var O=-1,L=-1;P.eachNode(function(S){if(S._depth==H&&(!J||("$orn" in S.data)&&S.data.$orn==N)){var Q=S.getData("width",I);var R=S.getData("height",I);O=(O0)?E[0]:null;D(E)}for(var z=0,A=[C.id].concat(x);z=D._depth)});for(var B=0;B0&&J.drawn){J.drawn=false;x[A.id].push(J)}else{if((!E||!D)&&J.drawn){J.drawn=false;x[A.id].push(J)}}});A.drawn=true}if(w.length>0){F.fx.plot()}for(B in x){c.each(x[B],function(J){J.drawn=true})}for(B=0;Bw?y:w)+this.config.subtreeOffset},getEdge:function(C,B,A){var y=function(E,w){return function(){return C.pos.add(new p(E,w))}};var D=this.node;var x=C.getData("width");var z=C.getData("height");if(B=="begin"){if(D.align=="center"){return this.dispatch(A,y(0,z/2),y(-x/2,0),y(0,-z/2),y(x/2,0))}else{if(D.align=="left"){return this.dispatch(A,y(0,z),y(0,0),y(0,0),y(x,0))}else{if(D.align=="right"){return this.dispatch(A,y(0,0),y(-x,0),y(0,-z),y(0,0))}else{throw"align: not implemented"}}}}else{if(B=="end"){if(D.align=="center"){return this.dispatch(A,y(0,-z/2),y(x/2,0),y(0,z/2),y(-x/2,0))}else{if(D.align=="left"){return this.dispatch(A,y(0,0),y(x,0),y(0,z),y(0,0))}else{if(D.align=="right"){return this.dispatch(A,y(0,-z),y(0,0),y(0,0),y(-x,0))}else{throw"align: not implemented"}}}}}},getScaledTreePosition:function(B,D){var C=this.node;var x=B.getData("width");var A=B.getData("height");var z=(this.config.multitree&&("$orn" in B.data)&&B.data.$orn)||this.config.orientation;var y=function(E,w){return function(){return B.pos.add(new p(E,w)).$scale(1-D)}};if(C.align=="left"){return this.dispatch(z,y(0,A),y(0,0),y(0,0),y(x,0))}else{if(C.align=="center"){return this.dispatch(z,y(0,A/2),y(-x/2,0),y(0,-A/2),y(x/2,0))}else{if(C.align=="right"){return this.dispatch(z,y(0,0),y(-x,0),y(0,-A),y(0,0))}else{throw"align: not implemented"}}}},treeFitsInCanvas:function(B,w,C){var y=w.getSize();var z=(this.config.multitree&&("$orn" in B.data)&&B.data.$orn)||this.config.orientation;var x=this.dispatch(z,y.width,y.height);var A=this.getTreeBaseSize(B,C,function(E,D){return E===0||!D.anySubnode()});return(A=0){z.drawn=false;var D=x.getCtx();var B=C.geom.getScaledTreePosition(z,A);D.translate(B.x,B.y);D.scale(A,A)}this.plotTree(z,c.merge(w,{withLabels:true,hideLabels:!!A,plotSubtree:function(I,G){var F=y.multitree&&!("$orn" in z.data);var H=F&&z.getData("orns");return !F||H.indexOf(z.getData("orn"))>-1}}),E);if(A>=0){z.drawn=true}},getAlignedPos:function(B,z,w){var y=this.node;var A,x;if(y.align=="center"){A={x:B.x-z/2,y:B.y-w/2}}else{if(y.align=="left"){x=this.config.orientation;if(x=="bottom"||x=="top"){A={x:B.x-z/2,y:B.y}}else{A={x:B.x,y:B.y-w/2}}}else{if(y.align=="right"){x=this.config.orientation;if(x=="bottom"||x=="top"){A={x:B.x-z/2,y:B.y-w}}else{A={x:B.x-z,y:B.y-w/2}}}else{throw"align: not implemented"}}}return A},getOrientation:function(w){var y=this.config;var x=y.orientation;if(y.multitree){var z=w.nodeFrom;var A=w.nodeTo;x=(("$orn" in z.data)&&z.data.$orn)||(("$orn" in A.data)&&A.data.$orn)}return x}});$jit.ST.Label={};$jit.ST.Label.Native=new q({Implements:e.Label.Native,renderLabel:function(z,B,y){var x=z.getCtx(),D=B.pos.getc(true),A=B.getData("width"),w=B.getData("height"),C=this.viz.fx.getAlignedPos(D,A,w);x.fillText(B.name,C.x+A/2,C.y+w/2)}});$jit.ST.Label.DOM=new q({Implements:e.Label.DOM,placeLabel:function(P,J,F){var B=J.pos.getc(true),O=this.viz.config,K=O.Node,x=this.viz.canvas,C=J.getData("width"),M=J.getData("height"),y=x.getSize(),G,N;var A=x.translateOffsetX,z=x.translateOffsetY,E=x.scaleOffsetX,D=x.scaleOffsetY,I=B.x*E+A,H=B.y*D+z;if(K.align=="center"){G={x:Math.round(I-C/2+y.width/2),y:Math.round(H-M/2+y.height/2)}}else{if(K.align=="left"){N=O.orientation;if(N=="bottom"||N=="top"){G={x:Math.round(I-C/2+y.width/2),y:Math.round(H+y.height/2)}}else{G={x:Math.round(I+y.width/2),y:Math.round(H-M/2+y.height/2)}}}else{if(K.align=="right"){N=O.orientation;if(N=="bottom"||N=="top"){G={x:Math.round(I-C/2+y.width/2),y:Math.round(H-M+y.height/2)}}else{G={x:Math.round(I-C+y.width/2),y:Math.round(H-M/2+y.height/2)}}}else{throw"align: not implemented"}}}var L=P.style;L.left=G.x+"px";L.top=G.y+"px";L.display=this.fitsInCanvas(G,x)?"":"none";F.onPlaceLabel(P,J)}});$jit.ST.Label.SVG=new q({Implements:[$jit.ST.Label.DOM,e.Label.SVG],initialize:function(w){this.viz=w}});$jit.ST.Label.HTML=new q({Implements:[$jit.ST.Label.DOM,e.Label.HTML],initialize:function(w){this.viz=w}});$jit.ST.Plot.NodeTypes=new q({none:{render:c.empty,contains:c.lambda(false)},circle:{render:function(x,w){var z=x.getData("dim"),A=this.getAlignedPos(x.pos.getc(true),z,z),y=z/2;this.nodeHelper.circle.render("fill",{x:A.x+y,y:A.y+y},y,w)},contains:function(w,A){var y=w.getData("dim"),z=this.getAlignedPos(w.pos.getc(true),y,y),x=y/2;this.nodeHelper.circle.contains({x:z.x+x,y:z.y+x},A,x)}},square:{render:function(x,w){var z=x.getData("dim"),y=z/2,A=this.getAlignedPos(x.pos.getc(true),z,z);this.nodeHelper.square.render("fill",{x:A.x+y,y:A.y+y},y,w)},contains:function(w,A){var y=w.getData("dim"),z=this.getAlignedPos(w.pos.getc(true),y,y),x=y/2;this.nodeHelper.square.contains({x:z.x+x,y:z.y+x},A,x)}},ellipse:{render:function(z,x){var y=z.getData("width"),w=z.getData("height"),A=this.getAlignedPos(z.pos.getc(true),y,w);this.nodeHelper.ellipse.render("fill",{x:A.x+y/2,y:A.y+w/2},y,w,x)},contains:function(y,A){var x=y.getData("width"),w=y.getData("height"),z=this.getAlignedPos(y.pos.getc(true),x,w);this.nodeHelper.ellipse.contains({x:z.x+x/2,y:z.y+w/2},A,x,w)}},rectangle:{render:function(z,x){var y=z.getData("width"),w=z.getData("height"),A=this.getAlignedPos(z.pos.getc(true),y,w);this.nodeHelper.rectangle.render("fill",{x:A.x+y/2,y:A.y+w/2},y,w,x)},contains:function(y,A){var x=y.getData("width"),w=y.getData("height"),z=this.getAlignedPos(y.pos.getc(true),x,w);this.nodeHelper.rectangle.contains({x:z.x+x/2,y:z.y+w/2},A,x,w)}}});$jit.ST.Plot.EdgeTypes=new q({none:c.empty,line:{render:function(x,z){var y=this.getOrientation(x),A=x.nodeFrom,B=x.nodeTo,w=A._depth1&&D[0]!=y.id);this.edgeHelper.arrow.render(E,F,A,z,x)},contains:function(x,D){var y=this.getOrientation(x),z=x.nodeFrom,A=x.nodeTo,w=z._depth0||F[ah][1]>0)){var R=K+F[ah][0],P=E+F[ah][1],ag=Math.atan((P-R)/w),Z=55;var V=M.createLinearGradient(ab+w/2,aa-(R+P)/2,ab+w/2+Z*Math.sin(ag),aa-(R+P)/2+Z*Math.cos(ag));var Q=c.rgbToHex(c.map(c.hexToRgb(I[ah%C].slice(1)),function(x){return(x*0.85)>>0}));V.addColorStop(0,I[ah%C]);V.addColorStop(1,Q);M.fillStyle=V}M.beginPath();M.moveTo(ab,aa-K);M.lineTo(ab+w,aa-E);M.lineTo(ab+w,aa-E-F[ah][1]);M.lineTo(ab,aa-K-F[ah][0]);M.lineTo(ab,aa-K);M.fill();M.restore();if(H){var S=H.name==L[ah];var z=S?0.7:0.8;var Q=c.rgbToHex(c.map(c.hexToRgb(I[ah%C].slice(1)),function(x){return(x*z)>>0}));M.strokeStyle=Q;M.lineWidth=S?4:1;M.save();M.beginPath();if(H.index===0){M.moveTo(ab,aa-K);M.lineTo(ab,aa-K-F[ah][0])}else{M.moveTo(ab+w,aa-E);M.lineTo(ab+w,aa-E-F[ah][1])}M.stroke();M.restore()}K+=(F[ah][0]||0);E+=(F[ah][1]||0);if(F[ah][0]>0){X+=(B[ah][0]||0)}}if(T&&ae.type=="Native"){M.save();M.beginPath();M.fillStyle=M.strokeStyle=ae.color;M.font=ae.style+" "+ae.size+"px "+ae.family;M.textAlign="center";M.textBaseline="middle";var O=N(W.name,ad,ac,W,X);if(O!==false){M.fillText(O!==true?O:X,ab,aa-K-Y.labelOffset-ae.size/2,w)}if(ai(W.name,ad,ac,W)){M.fillText(W.name,ab,aa+ae.size/2+Y.labelOffset)}M.restore()}}},contains:function(C,E){var J=C.pos.getc(true),z=C.getData("width"),N=C.getData("height"),M=this.getAlignedPos(J,z,N),L=M.x,K=M.y,O=C.getData("dimArray"),w=E.x-L;if(E.xL+z||E.y>K||E.y=G){var H=+(w>z/2);return{name:C.getData("stringArray")[F],color:C.getData("colorArray")[F],value:C.getData("valueArray")[F][H],index:H}}}return false}}});$jit.AreaChart=new q({st:null,colors:["#416D9C","#70A35E","#EBB056","#C74243","#83548B","#909291","#557EAA"],selected:{},busy:false,initialize:function(y){this.controller=this.config=c.merge(n("Canvas","Margin","Label","AreaChart"),{Label:{type:"Native"}},y);var z=this.config.showLabels,x=c.type(z),A=this.config.showAggregates,w=c.type(A);this.config.showLabels=x=="function"?z:c.lambda(z);this.config.showAggregates=w=="function"?A:c.lambda(A);this.initializeViz()},initializeViz:function(){var x=this.config,B=this,w=x.type.split(":")[0],A={};var z=new $jit.ST({injectInto:x.injectInto,width:x.width,height:x.height,orientation:"bottom",levelDistance:0,siblingOffset:0,subtreeOffset:0,withLabels:x.Label.type!="Native",useCanvas:x.useCanvas,Label:{type:x.Label.type},Node:{overridable:true,type:"areachart-"+w,align:"left",width:1,height:1},Edge:{type:"none"},Tips:{enable:x.Tips.enable,type:"Native",force:true,onShow:function(G,F,D){var E=D;x.Tips.onShow(G,E,F)}},Events:{enable:true,type:"Native",onClick:function(F,G,D){if(!x.filterOnClick&&!x.Events.enable){return}var E=G.getContains();if(E){x.filterOnClick&&B.filter(E.name)}x.Events.enable&&x.Events.onClick(E,G,D)},onRightClick:function(E,F,D){if(!x.restoreOnRightClick){return}B.restore()},onMouseMove:function(F,G,D){if(!x.selectOnHover){return}if(F){var E=G.getContains();B.select(F.id,E.name,E.index)}else{B.select(false,false,false)}}},onCreateLabel:function(J,G){var P=x.Label,O=G.getData("valueArray"),H=c.reduce(O,function(Q,R){return Q+R[0]},0),M=c.reduce(O,function(Q,R){return Q+R[1]},0);if(G.getData("prev")){var L={wrapper:document.createElement("div"),aggregate:document.createElement("div"),label:document.createElement("div")};var D=L.wrapper,N=L.label,E=L.aggregate,F=D.style,K=N.style,I=E.style;A[G.id]=L;D.appendChild(N);D.appendChild(E);if(!x.showLabels(G.name,H,M,G)){N.style.display="none"}if(!x.showAggregates(G.name,H,M,G)){E.style.display="none"}F.position="relative";F.overflow="visible";F.fontSize=P.size+"px";F.fontFamily=P.family;F.color=P.color;F.textAlign="center";I.position=K.position="absolute";J.style.width=G.getData("width")+"px";J.style.height=G.getData("height")+"px";N.innerHTML=G.name;J.appendChild(D)}},onPlaceLabel:function(V,P){if(!P.getData("prev")){return}var T=A[P.id],E=T.wrapper.style,D=T.label.style,O=T.aggregate.style,M=P.getData("width"),K=P.getData("height"),J=P.getData("dimArray"),G=P.getData("valueArray"),L=c.reduce(G,function(W,X){return W+X[0]},0),H=c.reduce(G,function(W,X){return W+X[1]},0),I=parseInt(E.fontSize,10),N=V.style;if(J&&G){if(x.showLabels(P.name,L,H,P)){D.display=""}else{D.display="none"}var F=x.showAggregates(P.name,L,H,P);if(F!==false){O.display=""}else{O.display="none"}E.width=O.width=D.width=V.style.width=M+"px";O.left=D.left=-M/2+"px";for(var S=0,Q=G.length,R=0,U=0;S0){R+=G[S][0];U+=J[S][0]}}O.top=(-I-x.labelOffset)+"px";D.top=(x.labelOffset+U)+"px";V.style.top=parseInt(V.style.top,10)-U+"px";V.style.height=E.height=U+"px";T.aggregate.innerHTML=F!==true?F:R}}});var y=z.canvas.getSize(),C=x.Margin;z.config.offsetY=-y.height/2+C.bottom+(x.showLabels&&(x.labelOffset+x.Label.size));z.config.offsetX=(C.right-C.left)/2;this.delegate=z;this.canvas=this.delegate.canvas},loadJSON:function(N){var J=c.time(),B=[],M=this.delegate,Q=c.splat(N.label),I=c.splat(N.color||this.colors),O=this.config,x=!!O.type.split(":")[1],z=O.animate;for(var K=0,y=N.values,H=y.length;K-1)?G:[0,0]}),"end")});this.delegate.fx.animate({modes:["node-property:dimArray"],duration:1500,onComplete:function(){y.busy=false;A&&A.onComplete()}})},restore:function(x){if(this.busy){return}this.busy=true;if(this.config.Tips.enable){this.delegate.tips.hide()}this.select(false,false,false);this.normalizeDims();var w=this;this.delegate.fx.animate({modes:["node-property:height:dimArray"],duration:1500,onComplete:function(){w.busy=false;x&&x.onComplete()}})},select:function(B,x,w){if(!this.config.selectOnHover){return}var y=this.selected;if(y.id!=B||y.name!=x||y.index!=w){y.id=B;y.name=x;y.index=w;this.delegate.graph.eachNode(function(C){C.setData("border",false)});if(B){var A=this.delegate.graph.getNode(B);A.setData("border",y);var z=w===0?"prev":"next";z=A.getData(z);if(z){A=this.delegate.graph.getByName(z);if(A){A.setData("border",{name:x,index:1-w})}}}this.delegate.plot()}},getLegend:function(){var y={};var z;this.delegate.graph.getNode(this.delegate.root).eachAdjacency(function(A){z=A.nodeTo});var x=z.getData("colorArray"),w=x.length;c.each(z.getData("stringArray"),function(B,A){y[B]=x[A%w]});return y},getMaxValue:function(){var w=0;this.delegate.graph.eachNode(function(B){var y=B.getData("valueArray"),x=0,A=0;c.each(y,function(C){x+=+C[0];A+=+C[1]});var z=A>x?A:x;w=w>z?w:z});return w},normalizeDims:function(){var C=this.delegate.graph.getNode(this.delegate.root),z=0;C.eachAdjacency(function(){z++});var B=this.getMaxValue()||1,F=this.delegate.canvas.getSize(),y=this.config,A=y.Margin,D=y.labelOffset+y.Label.size,w=(F.width-(A.left+A.right))/z,x=y.animate,E=F.height-(A.top+A.bottom)-(y.showAggregates&&D)-(y.showLabels&&D);this.delegate.graph.eachNode(function(L){var I=0,K=0,G=[];c.each(L.getData("valueArray"),function(M){I+=+M[0];K+=+M[1];G.push([0,0])});var J=K>I?K:I;L.setData("width",w);if(x){L.setData("height",J*E/B,"end");L.setData("dimArray",c.map(L.getData("valueArray"),function(M){return[M[0]*E/B,M[1]*E/B]}),"end");var H=L.getData("dimArray");if(!H){L.setData("dimArray",G)}}else{L.setData("height",J*E/B);L.setData("dimArray",c.map(L.getData("valueArray"),function(M){return[M[0]*E/B,M[1]*E/B]}))}})}});n.BarChart={$extend:true,animate:true,type:"stacked",labelOffset:3,barsOffset:0,hoveredColor:"#9fd4ff",orientation:"horizontal",showAggregates:true,showLabels:true,Tips:{enable:false,onShow:c.empty,onHide:c.empty},Events:{enable:false,onClick:c.empty}};$jit.ST.Plot.NodeTypes.implement({"barchart-stacked":{render:function(R,C){var H=R.pos.getc(true),Q=R.getData("width"),O=R.getData("height"),M=this.getAlignedPos(H,Q,O),L=M.x,K=M.y,N=R.getData("dimArray"),F=R.getData("valueArray"),E=R.getData("colorArray"),B=E.length,Y=R.getData("stringArray");var T=C.getCtx(),w={},U=R.getData("border"),z=R.getData("gradient"),aa=R.getData("config"),A=aa.orientation=="horizontal",D=aa.showAggregates,P=aa.showLabels,J=aa.Label;if(E&&N&&Y){for(var X=0,S=N.length,W=0,G=0;X>0}));Z.addColorStop(0,V);Z.addColorStop(0.5,E[X%B]);Z.addColorStop(1,V);T.fillStyle=Z}if(A){T.fillRect(L+W,K,N[X],O)}else{T.fillRect(L,K-W-N[X],Q,N[X])}if(U&&U.name==Y[X]){w.acum=W;w.dimValue=N[X]}W+=(N[X]||0);G+=(F[X]||0)}if(U){T.save();T.lineWidth=2;T.strokeStyle=U.color;if(A){T.strokeRect(L+w.acum+1,K+1,w.dimValue-2,O-2)}else{T.strokeRect(L+1,K-w.acum-w.dimValue+1,Q-2,w.dimValue-2)}T.restore()}if(J.type=="Native"){T.save();T.fillStyle=T.strokeStyle=J.color;T.font=J.style+" "+J.size+"px "+J.family;T.textBaseline="middle";var I=D(R.name,G,R);if(I!==false){I=I!==true?I:G;if(A){T.textAlign="right";T.fillText(I,L+W-aa.labelOffset,K+O/2)}else{T.textAlign="center";T.fillText(I,L+Q/2,K-O-J.size/2-aa.labelOffset)}}if(P(R.name,G,R)){if(A){T.textAlign="center";T.translate(L-aa.labelOffset-J.size/2,K+O/2);T.rotate(Math.PI/2);T.fillText(R.name,0,0)}else{T.textAlign="center";T.fillText(R.name,L+Q/2,K+J.size/2+aa.labelOffset)}}T.restore()}}},contains:function(D,F){var I=D.pos.getc(true),A=D.getData("width"),N=D.getData("height"),M=this.getAlignedPos(I,A,N),L=M.x,J=M.y,O=D.getData("dimArray"),B=D.getData("config"),z=F.x-L,w=B.orientation=="horizontal";if(w){if(F.xL+A||F.y>J+N||F.yL+A||F.y>J||F.y=H){return{name:D.getData("stringArray")[G],color:D.getData("colorArray")[G],value:D.getData("valueArray")[G],label:D.name}}}}return false}},"barchart-grouped":{render:function(S,C){var I=S.pos.getc(true),R=S.getData("width"),P=S.getData("height"),N=this.getAlignedPos(I,R,P),M=N.x,L=N.y,O=S.getData("dimArray"),G=S.getData("valueArray"),Y=G.length,F=S.getData("colorArray"),B=F.length,aa=S.getData("stringArray");var U=C.getCtx(),w={},V=S.getData("border"),z=S.getData("gradient"),ac=S.getData("config"),A=ac.orientation=="horizontal",E=ac.showAggregates,Q=ac.showLabels,K=ac.Label,D=(A?P:R)/Y;if(F&&O&&aa){for(var Z=0,T=Y,X=0,H=0;Z>0}));ab.addColorStop(0,W);ab.addColorStop(0.5,F[Z%B]);ab.addColorStop(1,W);U.fillStyle=ab}if(A){U.fillRect(M,L+D*Z,O[Z],D)}else{U.fillRect(M+D*Z,L-O[Z],D,O[Z])}if(V&&V.name==aa[Z]){w.acum=D*Z;w.dimValue=O[Z]}X+=(O[Z]||0);H+=(G[Z]||0)}if(V){U.save();U.lineWidth=2;U.strokeStyle=V.color;if(A){U.strokeRect(M+1,L+w.acum+1,w.dimValue-2,D-2)}else{U.strokeRect(M+w.acum+1,L-w.dimValue+1,D-2,w.dimValue-2)}U.restore()}if(K.type=="Native"){U.save();U.fillStyle=U.strokeStyle=K.color;U.font=K.style+" "+K.size+"px "+K.family;U.textBaseline="middle";var J=E(S.name,H,S);if(J!==false){J=J!==true?J:H;if(A){U.textAlign="right";U.fillText(J,M+Math.max.apply(null,O)-ac.labelOffset,L+P/2)}else{U.textAlign="center";U.fillText(J,M+R/2,L-Math.max.apply(null,O)-K.size/2-ac.labelOffset)}}if(Q(S.name,H,S)){if(A){U.textAlign="center";U.translate(M-ac.labelOffset-K.size/2,L+P/2);U.rotate(Math.PI/2);U.fillText(S.name,0,0)}else{U.textAlign="center";U.fillText(S.name,M+R/2,L+K.size/2+ac.labelOffset)}}U.restore()}}},contains:function(J,F){var B=J.pos.getc(true),I=J.getData("width"),H=J.getData("height"),E=this.getAlignedPos(B,I,H),D=E.x,C=E.y,G=J.getData("dimArray"),M=G.length,P=J.getData("config"),A=F.x-D,w=P.orientation=="horizontal",z=(w?H:I)/M;if(w){if(F.xD+I||F.y>C+H||F.yD+I||F.y>C||F.y=N&&F.y<=N+z){return{name:J.getData("stringArray")[L],color:J.getData("colorArray")[L],value:J.getData("valueArray")[L],label:J.name}}}else{var N=D+z*L;if(F.x>=N&&F.x<=N+z&&F.y>=C-O){return{name:J.getData("stringArray")[L],color:J.getData("colorArray")[L],value:J.getData("valueArray")[L],label:J.name}}}}return false}}});$jit.BarChart=new q({st:null,colors:["#416D9C","#70A35E","#EBB056","#C74243","#83548B","#909291","#557EAA"],selected:{},busy:false,initialize:function(y){this.controller=this.config=c.merge(n("Canvas","Margin","Label","BarChart"),{Label:{type:"Native"}},y);var z=this.config.showLabels,x=c.type(z),A=this.config.showAggregates,w=c.type(A);this.config.showLabels=x=="function"?z:c.lambda(z);this.config.showAggregates=w=="function"?A:c.lambda(A);this.initializeViz()},initializeViz:function(){var x=this.config,B=this;var w=x.type.split(":")[0],D=x.orientation=="horizontal",A={};var z=new $jit.ST({injectInto:x.injectInto,width:x.width,height:x.height,orientation:D?"left":"bottom",levelDistance:0,siblingOffset:x.barsOffset,subtreeOffset:0,withLabels:x.Label.type!="Native",useCanvas:x.useCanvas,Label:{type:x.Label.type},Node:{overridable:true,type:"barchart-"+w,align:"left",width:1,height:1},Edge:{type:"none"},Tips:{enable:x.Tips.enable,type:"Native",force:true,onShow:function(H,G,E){var F=E;x.Tips.onShow(H,F,G)}},Events:{enable:true,type:"Native",onClick:function(G,H,E){if(!x.Events.enable){return}var F=H.getContains();x.Events.onClick(F,H,E)},onMouseMove:function(G,H,E){if(!x.hoveredColor){return}if(G){var F=H.getContains();B.select(G.id,F.name,F.index)}else{B.select(false,false,false)}}},onCreateLabel:function(J,H){var P=x.Label,N=H.getData("valueArray"),M=c.reduce(N,function(Q,R){return Q+R},0);var L={wrapper:document.createElement("div"),aggregate:document.createElement("div"),label:document.createElement("div")};var E=L.wrapper,O=L.label,F=L.aggregate,G=E.style,K=O.style,I=F.style;A[H.id]=L;E.appendChild(O);E.appendChild(F);if(!x.showLabels(H.name,M,H)){K.display="none"}if(!x.showAggregates(H.name,M,H)){I.display="none"}G.position="relative";G.overflow="visible";G.fontSize=P.size+"px";G.fontFamily=P.family;G.color=P.color;G.textAlign="center";I.position=K.position="absolute";J.style.width=H.getData("width")+"px";J.style.height=H.getData("height")+"px";I.left=K.left="0px";O.innerHTML=H.name;J.appendChild(E)},onPlaceLabel:function(U,P){if(!A[P.id]){return}var T=A[P.id],G=T.wrapper.style,E=T.label.style,O=T.aggregate.style,V=x.type.split(":")[0]=="grouped",F=x.orientation=="horizontal",K=P.getData("dimArray"),I=P.getData("valueArray"),M=(V&&F)?Math.max.apply(null,K):P.getData("width"),L=(V&&!F)?Math.max.apply(null,K):P.getData("height"),J=parseInt(G.fontSize,10),N=U.style;if(K&&I){G.width=O.width=E.width=U.style.width=M+"px";for(var S=0,Q=I.length,R=0;S0){R+=I[S]}}if(x.showLabels(P.name,R,P)){E.display=""}else{E.display="none"}var H=x.showAggregates(P.name,R,P);if(H!==false){O.display=""}else{O.display="none"}if(x.orientation=="horizontal"){O.textAlign="right";E.textAlign="left";E.textIndex=O.textIndent=x.labelOffset+"px";O.top=E.top=(L-J)/2+"px";U.style.height=G.height=L+"px"}else{O.top=(-J-x.labelOffset)+"px";E.top=(x.labelOffset+L)+"px";U.style.top=parseInt(U.style.top,10)-L+"px";U.style.height=G.height=L+"px"}T.aggregate.innerHTML=H!==true?H:R}}});var y=z.canvas.getSize(),C=x.Margin;if(D){z.config.offsetX=y.width/2-C.left-(x.showLabels&&(x.labelOffset+x.Label.size));z.config.offsetY=(C.bottom-C.top)/2}else{z.config.offsetY=-y.height/2+C.bottom+(x.showLabels&&(x.labelOffset+x.Label.size));z.config.offsetX=(C.right-C.left)/2}this.delegate=z;this.canvas=this.delegate.canvas},loadJSON:function(K){if(this.busy){return}this.busy=true;var H=c.time(),C=[],J=this.delegate,N=c.splat(K.label),G=c.splat(K.color||this.colors),L=this.config,w=!!L.type.split(":")[1],z=L.animate,y=L.orientation=="horizontal",A=this;for(var I=0,x=K.values,E=x.length;Iz?x:z});return x},setBarType:function(w){this.config.type=w;this.delegate.config.Node.type="barchart-"+w.split(":")[0]},normalizeDims:function(){var G=this.delegate.graph.getNode(this.delegate.root),B=0;G.eachAdjacency(function(){B++});var D=this.getMaxValue()||1,J=this.delegate.canvas.getSize(),z=this.config,C=z.Margin,H=C.left+C.right,A=C.top+C.bottom,x=z.orientation=="horizontal",w=(J[x?"height":"width"]-(x?A:H)-(B-1)*z.barsOffset)/B,y=z.animate,I=J[x?"width":"height"]-(x?H:A)-(!x&&z.showAggregates&&(z.Label.size+z.labelOffset))-(z.showLabels&&(z.Label.size+z.labelOffset)),F=x?"height":"width",E=x?"width":"height";this.delegate.graph.eachNode(function(N){var M=0,K=[];c.each(N.getData("valueArray"),function(O){M+=+O;K.push(0)});N.setData(F,w);if(y){N.setData(E,M*I/D,"end");N.setData("dimArray",c.map(N.getData("valueArray"),function(O){return O*I/D}),"end");var L=N.getData("dimArray");if(!L){N.setData("dimArray",K)}}else{N.setData(E,M*I/D);N.setData("dimArray",c.map(N.getData("valueArray"),function(O){return O*I/D}))}})}});n.PieChart={$extend:true,animate:true,offset:25,sliceOffset:0,labelOffset:3,type:"stacked",hoveredColor:"#9fd4ff",Events:{enable:false,onClick:c.empty},Tips:{enable:false,onShow:c.empty,onHide:c.empty},showLabels:true,resizeLabels:false,updateHeights:false};g.Radial=new q({compute:function(x){var y=c.splat(x||["current","start","end"]);f.compute(this.graph,y,this.config);this.graph.computeLevels(this.root,0,"ignore");var w=this.createLevelDistanceFunc();this.computeAngularWidths(y);this.computePositions(y,w)},computePositions:function(D,A){var F=D;var E=this.graph;var B=E.getNode(this.root);var C=this.parent;var w=this.config;for(var y=0,x=F.length;yJ[Z]?Y:J[Z]):Y}G.push(W)},"ignore");if(C&&C.id==K.id&&G.length>0&&G[0].dist){G.sort(function(W,V){return(W.dist>=V.dist)-(W.dist<=V.dist)})}for(var M=0,O=G.length;MF/2&&B.theta<3*F/2);var L=I?B.theta+F:B.theta;if(I){M-=Math.abs(Math.cos(B.theta)*A.width);K+=Math.sin(B.theta)*A.width}else{if(E.id==this.viz.root){M-=A.width/2}}}O.save();O.translate(M,K);O.rotate(L);O.fillText(E.name,0,0);O.restore()}});w.Label.SVG=new q({Implements:e.Label.SVG,initialize:function(x){this.viz=x},placeLabel:function(N,C,E){var J=C.pos.getc(true),M=this.viz,A=this.viz.canvas;var F=A.getSize();var B={x:Math.round(J.x+F.width/2),y:Math.round(J.y+F.height/2)};N.setAttribute("x",B.x);N.setAttribute("y",B.y);var G=N.getBBox();if(G){var L=N.getAttribute("x");var I=N.getAttribute("y");var z=C.pos.getp(true);var D=Math.PI;var H=(z.theta>D/2&&z.theta<3*D/2);if(H){N.setAttribute("x",L-G.width);N.setAttribute("y",I-G.height)}else{if(C.id==M.root){N.setAttribute("x",L-G.width/2)}}var K=H?z.theta+D:z.theta;if(C._depth){N.setAttribute("transform","rotate("+K*360/(2*D)+" "+L+" "+I+")")}}E.onPlaceLabel(N,C)}});w.Label.HTML=new q({Implements:e.Label.HTML,initialize:function(x){this.viz=x},placeLabel:function(G,A,C){var E=A.pos.clone(),y=this.viz.canvas,F=A.getData("height"),B=((F||A._depth==0)?F:this.viz.config.levelDistance)/2,D=y.getSize();E.rho+=B;E=E.getc(true);var z={x:Math.round(E.x+D.width/2),y:Math.round(E.y+D.height/2)};var x=G.style;x.left=z.x+"px";x.top=z.y+"px";x.display=this.fitsInCanvas(z,y)?"":"none";C.onPlaceLabel(G,A)}});w.Plot.NodeTypes=new q({none:{render:c.empty,contains:c.lambda(false),anglecontains:function(B,D){var A=B.getData("span")/2,y=B.pos.theta;var z=y-A,x=y+A;if(z<0){z+=Math.PI*2}var C=Math.atan2(D.y,D.x);if(C<0){C+=Math.PI*2}if(z>x){return(C>z&&C<=Math.PI*2)||Cz&&C=z*C)&&(y<=(z*C+B))}return false}},"gradient-multipie":{render:function(A,x){var F=x.getCtx();var E=A.getData("height");var B=E?E:this.config.levelDistance;var y=F.createRadialGradient(0,0,A.getPos().rho,0,0,A.getPos().rho+B);var D=c.hexToRgb(A.getData("color")),C=[];c.each(D,function(G){C.push(parseInt(G*0.5,10))});var z=c.rgbToHex(C);y.addColorStop(0,z);y.addColorStop(1,A.getData("color"));F.fillStyle=y;this.nodeTypes.multipie.render.call(this,A,x)},contains:function(x,y){return this.nodeTypes.multipie.contains.call(this,x,y)}},"gradient-pie":{render:function(C,z){var x=z.getCtx();var D=x.createRadialGradient(0,0,0,0,0,C.getPos().rho);var B=c.hexToRgb(C.getData("color")),y=[];c.each(B,function(E){y.push(parseInt(E*0.5,10))});var A=c.rgbToHex(y);D.addColorStop(1,A);D.addColorStop(0,C.getData("color"));x.fillStyle=D;this.nodeTypes.pie.render.call(this,C,z)},contains:function(x,y){return this.nodeTypes.pie.contains.call(this,x,y)}}});w.Plot.EdgeTypes=new q({none:c.empty,line:{render:function(x,y){var A=x.nodeFrom.pos.getc(true),z=x.nodeTo.pos.getc(true);this.edgeHelper.line.render(A,z,y)},contains:function(x,A){var z=x.nodeFrom.pos.getc(true),y=x.nodeTo.pos.getc(true);return this.edgeHelper.line.contains(z,y,A,this.edge.epsilon)}},arrow:{render:function(y,z){var D=y.nodeFrom.pos.getc(true),C=y.nodeTo.pos.getc(true),B=y.getData("dim"),A=y.data.$direction,x=(A&&A.length>1&&A[0]!=y.nodeFrom.id);this.edgeHelper.arrow.render(D,C,B,x,z)},contains:function(x,A){var z=x.nodeFrom.pos.getc(true),y=x.nodeTo.pos.getc(true);return this.edgeHelper.arrow.contains(z,y,A,this.edge.epsilon)}},hyperline:{render:function(x,y){var B=x.nodeFrom.pos.getc(),A=x.nodeTo.pos.getc(),z=Math.max(B.norm(),A.norm());this.edgeHelper.hyperline.render(B.$scale(1/z),A.$scale(1/z),z,y)},contains:c.lambda(false)}})})($jit.Sunburst);$jit.Sunburst.Plot.NodeTypes.implement({"piechart-stacked":{render:function(U,A){var T=U.pos.getp(true),C=U.getData("dimArray"),S=U.getData("valueArray"),G=U.getData("colorArray"),z=G.length,M=U.getData("stringArray"),P=U.getData("span")/2,K=U.pos.theta,F=K-P,J=K+P,R=new b;var N=A.getCtx(),L={},I=U.getData("gradient"),D=U.getData("border"),Z=U.getData("config"),ai=Z.showLabels,Y=Z.resizeLabels,ab=Z.Label;var ae=Z.sliceOffset*Math.cos((F+J)/2);var E=Z.sliceOffset*Math.sin((F+J)/2);if(G&&C&&M){for(var af=0,ac=C.length,w=0,X=0;af>0}),y=c.rgbToHex(W);ad.addColorStop(0,ag);ad.addColorStop(0.5,ag);ad.addColorStop(1,y);N.fillStyle=ad}R.rho=w+Z.sliceOffset;R.theta=F;var ah=R.getc(true);R.theta=J;var O=R.getc(true);R.rho+=B;var aj=R.getc(true);R.theta=F;var Q=R.getc(true);N.beginPath();N.arc(ae,E,w+0.01,F,J,false);N.arc(ae,E,w+B+0.01,J,F,true);N.fill();if(D&&D.name==M[af]){L.acum=w;L.dimValue=C[af];L.begin=F;L.end=J}w+=(B||0);X+=(S[af]||0)}if(D){N.save();N.globalCompositeOperation="source-over";N.lineWidth=2;N.strokeStyle=D.color;var aa=F>0;H=H<+Y?+Y:H;N.font=ab.style+" "+H+"px "+ab.family;N.textBaseline="middle";N.textAlign="center";R.rho=w+Z.labelOffset+Z.sliceOffset;R.theta=U.pos.theta;var ak=R.getc(true);N.fillText(U.name,ak.x,ak.y);N.restore()}}},contains:function(z,D){if(this.nodeTypes.none.anglecontains.call(this,z,D)){var F=Math.sqrt(D.x*D.x+D.y*D.y);var w=this.config.levelDistance,C=z._depth;var x=z.getData("config");if(F<=w*C+x.sliceOffset){var G=z.getData("dimArray");for(var B=0,A=G.length,E=x.sliceOffset;B=E&&F<=E+y){return{name:z.getData("stringArray")[B],color:z.getData("colorArray")[B],value:z.getData("valueArray")[B],label:z.name}}E+=y}}return false}return false}}});$jit.PieChart=new q({sb:null,colors:["#416D9C","#70A35E","#EBB056","#C74243","#83548B","#909291","#557EAA"],selected:{},busy:false,initialize:function(w){this.controller=this.config=c.merge(n("Canvas","PieChart","Label"),{Label:{type:"Native"}},w);this.initializeViz()},initializeViz:function(){var x=this.config,B=this;var w=x.type.split(":")[0];var A=new $jit.Sunburst({injectInto:x.injectInto,width:x.width,height:x.height,useCanvas:x.useCanvas,withLabels:x.Label.type!="Native",Label:{type:x.Label.type},Node:{overridable:true,type:"piechart-"+w,width:1,height:1},Edge:{type:"none"},Tips:{enable:x.Tips.enable,type:"Native",force:true,onShow:function(F,E,C){var D=C;x.Tips.onShow(F,D,E)}},Events:{enable:true,type:"Native",onClick:function(E,F,C){if(!x.Events.enable){return}var D=F.getContains();x.Events.onClick(D,F,C)},onMouseMove:function(E,F,C){if(!x.hoveredColor){return}if(E){var D=F.getContains();B.select(E.id,D.name,D.index)}else{B.select(false,false,false)}}},onCreateLabel:function(F,E){var C=x.Label;if(x.showLabels){var D=F.style;D.fontSize=C.size+"px";D.fontFamily=C.family;D.color=C.color;D.textAlign="center";F.innerHTML=E.name}},onPlaceLabel:function(S,M){if(!x.showLabels){return}var G=M.pos.getp(true),J=M.getData("dimArray"),P=M.getData("span")/2,H=M.pos.theta,R=H-P,D=H+P,U=new b;var L=x.showLabels,F=x.resizeLabels,I=x.Label;if(J){for(var Q=0,N=J.length,O=0;Q>0;C=C<+F?+F:C;S.style.fontSize=C+"px";U.rho=O+x.labelOffset+x.sliceOffset;U.theta=(R+D)/2;var G=U.getc(true);var E=B.canvas.getSize();var K={x:Math.round(G.x+E.width/2),y:Math.round(G.y+E.height/2)};S.style.left=K.x+"px";S.style.top=K.y+"px"}}});var z=A.canvas.getSize(),y=Math.min;A.config.levelDistance=y(z.width,z.height)/2-x.offset-x.sliceOffset;this.delegate=A;this.canvas=this.delegate.canvas;this.canvas.getCtx().globalCompositeOperation="lighter"},loadJSON:function(K){var H=c.time(),B=[],J=this.delegate,N=c.splat(K.label),D=N.length,G=c.splat(K.color||this.colors),y=G.length,L=this.config,w=!!L.type.split(":")[1],z=L.animate,F=D==1;for(var I=0,x=K.values,E=x.length;Iy?w:y});return w},normalizeDims:function(){var x=this.delegate.graph.getNode(this.delegate.root),w=0;x.eachAdjacency(function(){w++});var B=this.getMaxValue()||1,A=this.config,y=A.animate,z=this.delegate.config.levelDistance;this.delegate.graph.eachNode(function(G){var F=0,C=[];c.each(G.getData("valueArray"),function(H){F+=+H;C.push(1)});var E=(C.length==1)&&!A.updateHeights;if(y){G.setData("dimArray",c.map(G.getData("valueArray"),function(H){return E?z:(H*z/B)}),"end");var D=G.getData("dimArray");if(!D){G.setData("dimArray",C)}}else{G.setData("dimArray",c.map(G.getData("valueArray"),function(H){return E?z:(H*z/B)}))}G.setData("normalizedDim",F/B)})}});g.TM={};g.TM.SliceAndDice=new q({compute:function(B){var x=this.graph.getNode(this.clickedNode&&this.clickedNode.id||this.root);this.controller.onBeforeCompute(x);var z=this.canvas.getSize(),y=this.config,A=z.width,w=z.height;this.graph.computeLevels(this.root,0,"ignore");x.getPos(B).setc(-A/2,-w/2);x.setData("width",A,B);x.setData("height",w+y.titleHeight,B);this.computePositions(x,x,this.layout.orientation,B);this.controller.onAfterCompute(x)},computePositions:function(F,D,P,y){var M=0;F.eachSubnode(function(R){M+=R.getData("area",y)});var Q=this.config,N=Q.offset,J=F.getData("width",y),H=Math.max(F.getData("height",y)-Q.titleHeight,0),x=F==D?1:(D.getData("area",y)/M);var I,G,L,B,A,E,C;var O=(P=="h");if(O){P="v";I=H;G=J*x;L="height";B="y";A="x";E=Q.titleHeight;C=0}else{P="h";I=H*x;G=J;L="width";B="x";A="y";E=0;C=Q.titleHeight}var w=D.getPos(y);D.setData("width",G,y);D.setData("height",I,y);var K=0,z=this;D.eachSubnode(function(S){var R=S.getPos(y);R[B]=K+w[B]+E;R[A]=w[A]+C;z.computePositions(D,S,P,y);K+=S.getData(L,y)})}});g.TM.Area={compute:function(w){w=w||"current";var C=this.graph.getNode(this.clickedNode&&this.clickedNode.id||this.root);this.controller.onBeforeCompute(C);var y=this.config,F=this.canvas.getSize(),x=F.width,E=F.height,D=y.offset,z=x-D,B=E-D;this.graph.computeLevels(this.root,0,"ignore");C.getPos(w).setc(-x/2,-E/2);C.setData("width",x,w);C.setData("height",E,w);var A={top:-E/2+y.titleHeight,left:-x/2,width:z,height:B-y.titleHeight};this.computePositions(C,A,w);this.controller.onAfterCompute(C)},computeDim:function(B,C,E,A,z,x){if(B.length+C.length==1){var y=(B.length==1)?B:C;this.layoutLast(y,E,A,x);return}if(B.length>=2&&C.length==0){C=[B.shift()]}if(B.length==0){if(C.length>0){this.layoutRow(C,E,A,x)}return}var D=B[0];if(z(C,E)>=z([D].concat(C),E)){this.computeDim(B.slice(1),C.concat([D]),E,A,z,x)}else{var F=this.layoutRow(C,E,A,x);this.computeDim(B,[],F.dim,F,z,x)}},worstAspectRatio:function(x,F){if(!x||x.length==0){return Number.MAX_VALUE}var y=0,G=0,B=Number.MAX_VALUE;for(var D=0,C=x.length;Dz?G:z}var E=F*F,A=y*y;return Math.max(E*G/A,A/(E*B))},avgAspectRatio:function(B,y){if(!B||B.length==0){return Number.MAX_VALUE}var D=0;for(var z=0,x=B.length;zA?y/A:A/y}return D/x},layoutLast:function(y,x,B,A){var z=y[0];z.getPos(A).setc(B.left,B.top);z.setData("width",B.width,A);z.setData("height",B.height,A)}};g.TM.Squarified=new q({Implements:g.TM.Area,computePositions:function(A,D,x){var z=this.config,F=Math.max;if(D.width>=D.height){this.layout.orientation="h"}else{this.layout.orientation="v"}var w=A.getSubnodes([1,1],"ignore");if(w.length>0){this.processChildrenLayout(A,w,D,x);for(var C=0,B=w.length;C0){this.processChildrenLayout(A,w,D,x);for(var C=0,B=w.length;CF){F=I}});var y=this.graph.getNode(this.clickedNode&&this.clickedNode.id||D.id);var x=Math.min(F,C-1);var B=y._depth;if(this.layout.horizontal()){this.computeSubtree(y,-w/2,-G/2,w/(x+1),G,B,x,E)}else{this.computeSubtree(y,-w/2,-G/2,w,G/(x+1),B,x,E)}},computeSubtree:function(G,I,F,w,L,E,A,H){G.getPos(H).setc(I,F);G.setData("width",w,H);G.setData("height",L,H);var C,K=0,J=0;var z=e.Util.getSubnodes(G,[1,1],"ignore");if(!z.length){return}c.each(z,function(x){J+=x.getData("dim")});for(var D=0,B=z.length;D>0}));I.addColorStop(0,A);I.addColorStop(1,E);J.fillStyle=I}if(B){J.strokeStyle=B;J.lineWidth=3}J.fillRect(F,D,Math.max(0,w-C),Math.max(0,H-C));B&&J.strokeRect(G.x,G.y,w,H)},contains:function(y,A){if(this.viz.clickedNode&&!$jit.Graph.Util.isDescendantOf(y,this.viz.clickedNode.id)){return false}var z=y.pos.getc(true),x=y.getData("width"),w=y.getData("height");return this.nodeHelper.rectangle.contains({x:z.x+x/2,y:z.y+w/2},A,x,w)}}});$jit.Icicle.Plot.EdgeTypes=new q({none:c.empty});g.ForceDirected=new q({getOptions:function(D){var B=this.canvas.getSize();var y=B.width,A=B.height;var C=0;this.graph.eachNode(function(w){C++});var E=y*A/C,z=Math.sqrt(E);var x=this.config.levelDistance;return{width:y,height:A,tstart:y*0.1,nodef:function(w){return E/(w||1)},edgef:function(w){return z*(w-x)}}},compute:function(x,y){var z=c.splat(x||["current","start","end"]);var w=this.getOptions();f.compute(this.graph,z,this.config);this.graph.computeLevels(this.root,0,"ignore");this.graph.eachNode(function(A){c.each(z,function(B){var C=A.getPos(B);if(C.equals(p.KER)){C.x=w.width/5*(Math.random()-0.5);C.y=w.height/5*(Math.random()-0.5)}A.disp={};c.each(z,function(D){A.disp[D]=r(0,0)})})});this.computePositions(z,w,y)},computePositions:function(A,y,B){var C=this.config.iterations,x=0,z=this;if(B){(function w(){for(var E=B.iter,D=0;D=C){B.onComplete();return}}B.onStep(Math.round(x/(C-1)*100));setTimeout(w,1)})()}else{for(;x1&&A[0]!=y.nodeFrom.id);this.edgeHelper.arrow.render(D,C,B,x,z)},contains:function(x,A){var z=x.nodeFrom.pos.getc(true),y=x.nodeTo.pos.getc(true);return this.edgeHelper.arrow.contains(z,y,A,this.edge.epsilon)}}})})($jit.ForceDirected);$jit.TM={};var v=$jit.TM;$jit.TM.$extend=true;v.Base={layout:{orientation:"h",vertical:function(){return this.orientation=="v"},horizontal:function(){return this.orientation=="h"},change:function(){this.orientation=this.vertical()?"h":"v"}},initialize:function(w){var x={orientation:"h",titleHeight:13,offset:2,levelsToShow:0,constrained:false,animate:false,Node:{type:"rectangle",overridable:true,width:3,height:3,color:"#444"},Label:{textAlign:"center",textBaseline:"top"},Edge:{type:"none"},duration:700,fps:45};this.controller=this.config=c.merge(n("Canvas","Node","Edge","Fx","Controller","Tips","NodeStyles","Events","Navigation","Label"),x,w);this.layout.orientation=this.config.orientation;var y=this.config;if(y.useCanvas){this.canvas=y.useCanvas;this.config.labelContainer=this.canvas.id+"-label"}else{if(y.background){y.background=c.merge({type:"Circles"},y.background)}this.canvas=new l(this,y);this.config.labelContainer=(typeof y.injectInto=="string"?y.injectInto:y.injectInto.id)+"-label"}this.graphOptions={klass:p,Node:{selected:false,exist:true,drawn:true}};this.graph=new e(this.graphOptions,this.config.Node,this.config.Edge);this.labels=new v.Label[y.Label.type](this);this.fx=new v.Plot(this);this.op=new v.Op(this);this.group=new v.Group(this);this.geom=new v.Geom(this);this.clickedNode=null;this.busy=false;this.initializeExtras()},refresh:function(){if(this.busy){return}this.busy=true;var x=this;if(this.config.animate){this.compute("end");this.config.levelsToShow>0&&this.geom.setRightLevelToShow(this.graph.getNode(this.clickedNode&&this.clickedNode.id||this.root));this.fx.animate(c.merge(this.config,{modes:["linear","node-property:width:height"],onComplete:function(){x.busy=false}}))}else{var w=this.config.Label.type;if(w!="Native"){var x=this;this.graph.eachNode(function(y){x.labels.hideLabel(y,false)})}this.busy=false;this.compute();this.config.levelsToShow>0&&this.geom.setRightLevelToShow(this.graph.getNode(this.clickedNode&&this.clickedNode.id||this.root));this.plot()}},plot:function(){this.fx.plot()},leaf:function(w){return w.getSubnodes([1,1],"ignore").length==0},enter:function(C){if(this.busy){return}this.busy=true;var y=this,x=this.config,A=this.graph,w=C,z=this.clickedNode;var B={onComplete:function(){if(x.levelsToShow>0){y.geom.setRightLevelToShow(C)}if(x.levelsToShow>0||x.request){y.compute()}if(x.animate){A.nodeList.setData("alpha",0,"end");C.eachSubgraph(function(D){D.setData("alpha",1,"end")},"ignore");y.fx.animate({duration:500,modes:["node-property:alpha"],onComplete:function(){y.clickedNode=w;y.compute("end");y.clickedNode=z;y.fx.animate({modes:["linear","node-property:width:height"],duration:1000,onComplete:function(){y.busy=false;y.clickedNode=w}})}})}else{y.busy=false;y.clickedNode=C;y.refresh()}}};if(x.request){this.requestNodes(w,B)}else{B.onComplete()}},out:function(){if(this.busy){return}this.busy=true;this.events.hoveredNode=false;var A=this,y=this.config,C=this.graph,x=C.getNode(this.clickedNode&&this.clickedNode.id||this.root).getParents(),z=x[0],w=z,B=this.clickedNode;if(!z){this.busy=false;return}callback={onComplete:function(){A.clickedNode=z;if(y.request){A.requestNodes(z,{onComplete:function(){A.compute();A.plot();A.busy=false}})}else{A.compute();A.plot();A.busy=false}}};if(y.levelsToShow>0){this.geom.setRightLevelToShow(z)}if(y.animate){this.clickedNode=w;this.compute("end");this.clickedNode=B;this.fx.animate({modes:["linear","node-property:width:height"],duration:1000,onComplete:function(){A.clickedNode=w;C.eachNode(function(D){D.setDataset(["current","end"],{alpha:[0,1]})},"ignore");B.eachSubgraph(function(D){D.setData("alpha",1)},"ignore");A.fx.animate({duration:500,modes:["node-property:alpha"],onComplete:function(){callback.onComplete()}})}})}else{callback.onComplete()}},requestNodes:function(y,z){var x=c.merge(this.controller,z),w=this.config.levelsToShow;if(x.request){var B=[],A=y._depth;y.eachLevel(0,w,function(D){var C=w-(D._depth-A);if(D.drawn&&!D.anySubnode()&&C>0){B.push(D);D._level=C}});this.group.requestNodes(B,x)}else{x.onComplete()}},reposition:function(){this.compute("end")}};v.Op=new q({Implements:e.Op,initialize:function(w){this.viz=w}});v.Geom=new q({Implements:e.Geom,getRightLevelToShow:function(){return this.viz.config.levelsToShow},setRightLevelToShow:function(x){var y=this.getRightLevelToShow(),w=this.viz.labels;x.eachLevel(0,y+1,function(A){var z=A._depth-x._depth;if(z>y){A.drawn=false;A.exist=false;A.ignore=true;w.hideLabel(A,false)}else{A.drawn=true;A.exist=true;delete A.ignore}});x.drawn=true;delete x.ignore}});v.Group=new q({initialize:function(w){this.viz=w;this.canvas=w.canvas;this.config=w.config},requestNodes:function(B,A){var z=0,x=B.length,D={};var y=function(){A.onComplete()};var w=this.viz;if(x==0){y()}for(var C=0;C>0}));K.addColorStop(0,A);K.addColorStop(1,F);L.fillStyle=K}L.fillRect(G,E,w-I,J-I);if(B){L.save();L.strokeStyle=B;L.strokeRect(G,E,w-I,J-I);L.restore()}}else{if(C>0){L.fillRect(H.x+I/2,H.y+I/2,w-I,C-I);if(B){L.save();L.strokeStyle=B;L.strokeRect(H.x+I/2,H.y+I/2,w-I,J-I);L.restore()}}}},contains:function(z,B){if(this.viz.clickedNode&&!z.isDescendantOf(this.viz.clickedNode.id)||z.ignore){return false}var A=z.pos.getc(true),y=z.getData("width"),x=this.viz.leaf(z),w=x?z.getData("height"):this.config.titleHeight; + return this.nodeHelper.rectangle.contains({x:A.x+y/2,y:A.y+w/2},B,y,w)}}}); + v.Plot.EdgeTypes=new q({none:c.empty});v.SliceAndDice=new q({Implements:[d,o,v.Base,g.TM.SliceAndDice]});v.Squarified=new q({Implements:[d,o,v.Base,g.TM.Squarified]});v.Strip=new q({Implements:[d,o,v.Base,g.TM.Strip]});$jit.RGraph=new q({Implements:[d,o,g.Radial],initialize:function(w){var x=$jit.RGraph;var y={interpolation:"linear",levelDistance:100};this.controller=this.config=c.merge(n("Canvas","Node","Edge","Fx","Controller","Tips","NodeStyles","Events","Navigation","Label"),y,w);var z=this.config;if(z.useCanvas){this.canvas=z.useCanvas;this.config.labelContainer=this.canvas.id+"-label"}else{if(z.background){z.background=c.merge({type:"Circles"},z.background)}this.canvas=new l(this,z);this.config.labelContainer=(typeof z.injectInto=="string"?z.injectInto:z.injectInto.id)+"-label"}this.graphOptions={klass:b,Node:{selected:false,exist:true,drawn:true}};this.graph=new e(this.graphOptions,this.config.Node,this.config.Edge);this.labels=new x.Label[z.Label.type](this);this.fx=new x.Plot(this,x);this.op=new x.Op(this);this.json=null;this.root=null;this.busy=false;this.parent=false;this.initializeExtras()},createLevelDistanceFunc:function(){var w=this.config.levelDistance;return function(x){return(x._depth+1)*w}},refresh:function(){this.compute();this.plot()},reposition:function(){this.compute("end")},plot:function(){this.fx.plot()},getNodeAndParentAngle:function(D){var y=false;var C=this.graph.getNode(D);var A=C.getParents();var z=(A.length>0)?A[0]:false;if(z){var w=z.pos.getc(),B=C.pos.getc();var x=w.add(B.scale(-1));y=Math.atan2(x.y,x.x);if(y<0){y+=2*Math.PI}}return{parent:z,theta:y}},tagChildren:function(A,C){if(A.angleSpan){var B=[];A.eachAdjacency(function(D){B.push(D.nodeTo)},"ignore");var w=B.length;for(var z=0;z1&&A[0]!=y.nodeFrom.id);this.edgeHelper.arrow.render(D,C,B,x,z)},contains:function(x,A){var z=x.nodeFrom.pos.getc(true),y=x.nodeTo.pos.getc(true);return this.edgeHelper.arrow.contains(z,y,A,this.edge.epsilon)}}})})($jit.RGraph);p.prototype.moebiusTransformation=function(y){var w=this.add(y);var x=y.$conjugate().$prod(this);x.x++;return w.$div(x)};e.Util.moebiusTransformation=function(y,A,z,x,w){this.eachNode(y,function(C){for(var B=0;B=2){return B(z-0.01)}}return B(0.75)},getRadius:function(){var w=this.config.radius;if(w!=="auto"){return w}var x=this.canvas.getSize();return Math.min(x.width,x.height)/2},refresh:function(w){if(w){this.reposition();this.graph.eachNode(function(x){x.startPos.rho=x.pos.rho=x.endPos.rho;x.startPos.theta=x.pos.theta=x.endPos.theta})}else{this.compute()}this.plot()},reposition:function(){this.compute("end");var w=this.graph.getNode(this.root).pos.getc().scale(-1);e.Util.moebiusTransformation(this.graph,[w],["end"],"end","ignore");this.graph.eachNode(function(x){if(x.ignore){x.endPos.rho=x.pos.rho;x.endPos.theta=x.pos.theta}})},plot:function(){this.fx.plot()},onClick:function(y,w){var x=this.graph.getNode(y).pos.getc(true);this.move(x,w)},move:function(A,y){var x=r(A.x,A.y);if(this.busy===false&&x.norm()<1){this.busy=true;var w=this.graph.getClosestNodeToPos(x),z=this;this.graph.computeLevels(w.id,0);this.controller.onBeforeCompute(w);y=c.merge({onComplete:c.empty},y||{});this.fx.animate(c.merge({modes:["moebius"],hideLabels:true},y,{onComplete:function(){z.busy=false;y.onComplete()}}),x)}}});$jit.Hypertree.$extend=true;(function(w){w.Op=new q({Implements:e.Op});w.Plot=new q({Implements:e.Plot});w.Label={};w.Label.Native=new q({Implements:e.Label.Native,initialize:function(x){this.viz=x},renderLabel:function(z,B,y){var x=z.getCtx();var C=B.pos.getc(true);var A=this.viz.getRadius();x.fillText(B.name,C.x*A,C.y*A)}});w.Label.SVG=new q({Implements:e.Label.SVG,initialize:function(x){this.viz=x},placeLabel:function(I,C,D){var G=C.pos.getc(true),z=this.viz.canvas,A=z.translateOffsetX,y=z.translateOffsetY,H=z.scaleOffsetX,F=z.scaleOffsetY,E=z.getSize(),x=this.viz.getRadius();var B={x:Math.round((G.x*H)*x+A+E.width/2),y:Math.round((G.y*F)*x+y+E.height/2)};I.setAttribute("x",B.x);I.setAttribute("y",B.y);D.onPlaceLabel(I,C)}});w.Label.HTML=new q({Implements:e.Label.HTML,initialize:function(x){this.viz=x},placeLabel:function(J,D,E){var H=D.pos.getc(true),A=this.viz.canvas,B=A.translateOffsetX,z=A.translateOffsetY,I=A.scaleOffsetX,G=A.scaleOffsetY,F=A.getSize(),x=this.viz.getRadius();var C={x:Math.round((H.x*I)*x+B+F.width/2),y:Math.round((H.y*G)*x+z+F.height/2)};var y=J.style;y.left=C.x+"px";y.top=C.y+"px";y.display=this.fitsInCanvas(C,A)?"":"none";E.onPlaceLabel(J,D)}});w.Plot.NodeTypes=new q({none:{render:c.empty,contains:c.lambda(false)},circle:{render:function(z,x){var y=this.node,B=z.getData("dim"),A=z.pos.getc();B=y.transform?B*(1-A.squaredNorm()):B;A.$scale(z.scale);if(B>0.2){this.nodeHelper.circle.render("fill",A,B,x)}},contains:function(x,A){var y=x.getData("dim"),z=x.pos.getc().$scale(x.scale);return this.nodeHelper.circle.contains(z,A,y)}},ellipse:{render:function(A,y){var B=A.pos.getc().$scale(A.scale),z=A.getData("width"),x=A.getData("height");this.nodeHelper.ellipse.render("fill",B,z,x,y)},contains:function(z,B){var y=z.getData("width"),x=z.getData("height"),A=z.pos.getc().$scale(z.scale);return this.nodeHelper.circle.contains(A,B,y,x)}},square:{render:function(z,x){var y=this.node,B=z.getData("dim"),A=z.pos.getc();B=y.transform?B*(1-A.squaredNorm()):B;A.$scale(z.scale);if(B>0.2){this.nodeHelper.square.render("fill",A,B,x)}},contains:function(x,A){var y=x.getData("dim"),z=x.pos.getc().$scale(x.scale);return this.nodeHelper.square.contains(z,A,y)}},rectangle:{render:function(B,y){var A=this.node,z=B.getData("width"),x=B.getData("height"),C=B.pos.getc();z=A.transform?z*(1-C.squaredNorm()):z;x=A.transform?x*(1-C.squaredNorm()):x;C.$scale(B.scale);if(z>0.2&&x>0.2){this.nodeHelper.rectangle.render("fill",C,z,x,y)}},contains:function(z,B){var y=z.getData("width"),x=z.getData("height"),A=z.pos.getc().$scale(z.scale);return this.nodeHelper.rectangle.contains(A,B,y,x)}},triangle:{render:function(z,x){var y=this.node,B=z.getData("dim"),A=z.pos.getc();B=y.transform?B*(1-A.squaredNorm()):B;A.$scale(z.scale);if(B>0.2){this.nodeHelper.triangle.render("fill",A,B,x)}},contains:function(x,A){var y=x.getData("dim"),z=x.pos.getc().$scale(x.scale);return this.nodeHelper.triangle.contains(z,A,y)}},star:{render:function(z,x){var y=this.node,B=z.getData("dim"),A=z.pos.getc();B=y.transform?B*(1-A.squaredNorm()):B;A.$scale(z.scale);if(B>0.2){this.nodeHelper.star.render("fill",A,B,x)}},contains:function(x,A){var y=x.getData("dim"),z=x.pos.getc().$scale(x.scale);return this.nodeHelper.star.contains(z,A,y)}}});w.Plot.EdgeTypes=new q({none:c.empty,line:{render:function(x,y){var B=x.nodeFrom.pos.getc(true),A=x.nodeTo.pos.getc(true),z=x.nodeFrom.scale;this.edgeHelper.line.render({x:B.x*z,y:B.y*z},{x:A.x*z,y:A.y*z},y)},contains:function(x,B){var A=x.nodeFrom.pos.getc(true),z=x.nodeTo.pos.getc(true),y=x.nodeFrom.scale;this.edgeHelper.line.contains({x:A.x*y,y:A.y*y},{x:z.x*y,y:z.y*y},B,this.edge.epsilon)}},arrow:{render:function(y,z){var E=y.nodeFrom.pos.getc(true),D=y.nodeTo.pos.getc(true),A=y.nodeFrom.scale,C=y.getData("dim"),B=y.data.$direction,x=(B&&B.length>1&&B[0]!=y.nodeFrom.id);this.edgeHelper.arrow.render({x:E.x*A,y:E.y*A},{x:D.x*A,y:D.y*A},C,x,z)},contains:function(x,B){var A=x.nodeFrom.pos.getc(true),z=x.nodeTo.pos.getc(true),y=x.nodeFrom.scale;this.edgeHelper.arrow.contains({x:A.x*y,y:A.y*y},{x:z.x*y,y:z.y*y},B,this.edge.epsilon)}},hyperline:{render:function(x,y){var B=x.nodeFrom.pos.getc(),A=x.nodeTo.pos.getc(),z=this.viz.getRadius();this.edgeHelper.hyperline.render(B,A,z,y)},contains:c.lambda(false)}})})($jit.Hypertree)})(); \ No newline at end of file diff --git a/public/static/baidu/js/jt/jit.js b/public/static/baidu/js/jt/jit.js new file mode 100644 index 0000000..9bf6e9e --- /dev/null +++ b/public/static/baidu/js/jt/jit.js @@ -0,0 +1,17163 @@ +/* +Copyright (c) 2011 Sencha Inc. - Author: Nicolas Garcia Belmonte (http://philogb.github.com/) + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in +all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN +THE SOFTWARE. + + */ + (function () { + +/* + File: Core.js + + */ + +/* + Object: $jit + + Defines the namespace for all library Classes and Objects. + This variable is the *only* global variable defined in the Toolkit. + There are also other interesting properties attached to this variable described below. + */ +window.$jit = function(w) { + w = w || window; + for(var k in $jit) { + if($jit[k].$extend) { + w[k] = $jit[k]; + } + } +}; + +$jit.version = '2.0.1'; +/* + Object: $jit.id + + Works just like *document.getElementById* + + Example: + (start code js) + var element = $jit.id('elementId'); + (end code) + +*/ + +/* + Object: $jit.util + + Contains utility functions. + + Some of the utility functions and the Class system were based in the MooTools Framework + . Copyright (c) 2006-2010 Valerio Proietti, . + MIT license . + + These methods are generally also implemented in DOM manipulation frameworks like JQuery, MooTools and Prototype. + I'd suggest you to use the functions from those libraries instead of using these, since their functions + are widely used and tested in many different platforms/browsers. Use these functions only if you have to. + + */ +var $ = function(d) { + return document.getElementById(d); +}; + +$.empty = function() { +}; + +/* + Method: extend + + Augment an object by appending another object's properties. + + Parameters: + + original - (object) The object to be extended. + extended - (object) An object which properties are going to be appended to the original object. + + Example: + (start code js) + $jit.util.extend({ 'a': 1, 'b': 2 }, { 'b': 3, 'c': 4 }); //{ 'a':1, 'b': 3, 'c': 4 } + (end code) +*/ +$.extend = function(original, extended) { + for ( var key in (extended || {})) + original[key] = extended[key]; + return original; +}; + +$.lambda = function(value) { + return (typeof value == 'function') ? value : function() { + return value; + }; +}; + +$.time = Date.now || function() { + return +new Date; +}; + +/* + Method: splat + + Returns an array wrapping *obj* if *obj* is not an array. Returns *obj* otherwise. + + Parameters: + + obj - (mixed) The object to be wrapped in an array. + + Example: + (start code js) + $jit.util.splat(3); //[3] + $jit.util.splat([3]); //[3] + (end code) +*/ +$.splat = function(obj) { + var type = $.type(obj); + return type ? ((type != 'array') ? [ obj ] : obj) : []; +}; + +$.type = function(elem) { + var type = $.type.s.call(elem).match(/^\[object\s(.*)\]$/)[1].toLowerCase(); + if(type != 'object') return type; + if(elem && elem.$$family) return elem.$$family; + return (elem && elem.nodeName && elem.nodeType == 1)? 'element' : type; +}; +$.type.s = Object.prototype.toString; + +/* + Method: each + + Iterates through an iterable applying *f*. + + Parameters: + + iterable - (array) The original array. + fn - (function) The function to apply to the array elements. + + Example: + (start code js) + $jit.util.each([3, 4, 5], function(n) { alert('number ' + n); }); + (end code) +*/ +$.each = function(iterable, fn) { + var type = $.type(iterable); + if (type == 'object') { + for ( var key in iterable) + fn(iterable[key], key); + } else { + for ( var i = 0, l = iterable.length; i < l; i++) + fn(iterable[i], i); + } +}; + +$.indexOf = function(array, item) { + if(Array.indexOf) return array.indexOf(item); + for(var i=0,l=array.length; i> 16, hex >> 8 & 0xff, hex & 0xff ]; + } +}; + +$.destroy = function(elem) { + $.clean(elem); + if (elem.parentNode) + elem.parentNode.removeChild(elem); + if (elem.clearAttributes) + elem.clearAttributes(); +}; + +$.clean = function(elem) { + for (var ch = elem.childNodes, i = 0, l = ch.length; i < l; i++) { + $.destroy(ch[i]); + } +}; + +/* + Method: addEvent + + Cross-browser add event listener. + + Parameters: + + obj - (obj) The Element to attach the listener to. + type - (string) The listener type. For example 'click', or 'mousemove'. + fn - (function) The callback function to be used when the event is fired. + + Example: + (start code js) + $jit.util.addEvent(elem, 'click', function(){ alert('hello'); }); + (end code) +*/ +$.addEvent = function(obj, type, fn) { + if (obj.addEventListener) + obj.addEventListener(type, fn, false); + else + obj.attachEvent('on' + type, fn); +}; + +$.addEvents = function(obj, typeObj) { + for(var type in typeObj) { + $.addEvent(obj, type, typeObj[type]); + } +}; + +$.hasClass = function(obj, klass) { + return (' ' + obj.className + ' ').indexOf(' ' + klass + ' ') > -1; +}; + +$.addClass = function(obj, klass) { + if (!$.hasClass(obj, klass)) + obj.className = (obj.className + " " + klass); +}; + +$.removeClass = function(obj, klass) { + obj.className = obj.className.replace(new RegExp( + '(^|\\s)' + klass + '(?:\\s|$)'), '$1'); +}; + +$.getPos = function(elem) { + var offset = getOffsets(elem); + var scroll = getScrolls(elem); + return { + x: offset.x - scroll.x, + y: offset.y - scroll.y + }; + + function getOffsets(elem) { + var position = { + x: 0, + y: 0 + }; + while (elem && !isBody(elem)) { + position.x += elem.offsetLeft; + position.y += elem.offsetTop; + elem = elem.offsetParent; + } + return position; + } + + function getScrolls(elem) { + var position = { + x: 0, + y: 0 + }; + while (elem && !isBody(elem)) { + position.x += elem.scrollLeft; + position.y += elem.scrollTop; + elem = elem.parentNode; + } + return position; + } + + function isBody(element) { + return (/^(?:body|html)$/i).test(element.tagName); + } +}; + +$.event = { + get: function(e, win) { + win = win || window; + return e || win.event; + }, + getWheel: function(e) { + return e.wheelDelta? e.wheelDelta / 120 : -(e.detail || 0) / 3; + }, + isRightClick: function(e) { + return (e.which == 3 || e.button == 2); + }, + getPos: function(e, win) { + // get mouse position + win = win || window; + e = e || win.event; + var doc = win.document; + doc = doc.documentElement || doc.body; + //TODO(nico): make touch event handling better + if(e.touches && e.touches.length) { + e = e.touches[0]; + } + var page = { + x: e.pageX || (e.clientX + doc.scrollLeft), + y: e.pageY || (e.clientY + doc.scrollTop) + }; + return page; + }, + stop: function(e) { + if (e.stopPropagation) e.stopPropagation(); + e.cancelBubble = true; + if (e.preventDefault) e.preventDefault(); + else e.returnValue = false; + } +}; + +$jit.util = $jit.id = $; + +var Class = function(properties) { + properties = properties || {}; + var klass = function() { + for ( var key in this) { + if (typeof this[key] != 'function') + this[key] = $.unlink(this[key]); + } + this.constructor = klass; + if (Class.prototyping) + return this; + var instance = this.initialize ? this.initialize.apply(this, arguments) + : this; + //typize + this.$$family = 'class'; + return instance; + }; + + for ( var mutator in Class.Mutators) { + if (!properties[mutator]) + continue; + properties = Class.Mutators[mutator](properties, properties[mutator]); + delete properties[mutator]; + } + + $.extend(klass, this); + klass.constructor = Class; + klass.prototype = properties; + return klass; +}; + +Class.Mutators = { + + Implements: function(self, klasses) { + $.each($.splat(klasses), function(klass) { + Class.prototyping = klass; + var instance = (typeof klass == 'function') ? new klass : klass; + for ( var prop in instance) { + if (!(prop in self)) { + self[prop] = instance[prop]; + } + } + delete Class.prototyping; + }); + return self; + } + +}; + +$.extend(Class, { + + inherit: function(object, properties) { + for ( var key in properties) { + var override = properties[key]; + var previous = object[key]; + var type = $.type(override); + if (previous && type == 'function') { + if (override != previous) { + Class.override(object, key, override); + } + } else if (type == 'object') { + object[key] = $.merge(previous, override); + } else { + object[key] = override; + } + } + return object; + }, + + override: function(object, name, method) { + var parent = Class.prototyping; + if (parent && object[name] != parent[name]) + parent = null; + var override = function() { + var previous = this.parent; + this.parent = parent ? parent[name] : object[name]; + var value = method.apply(this, arguments); + this.parent = previous; + return value; + }; + object[name] = override; + } + +}); + +Class.prototype.implement = function() { + var proto = this.prototype; + $.each(Array.prototype.slice.call(arguments || []), function(properties) { + Class.inherit(proto, properties); + }); + return this; +}; + +$jit.Class = Class; + +/* + Object: $jit.json + + Provides JSON utility functions. + + Most of these functions are JSON-tree traversal and manipulation functions. +*/ +$jit.json = { + /* + Method: prune + + Clears all tree nodes having depth greater than maxLevel. + + Parameters: + + tree - (object) A JSON tree object. For more information please see . + maxLevel - (number) An integer specifying the maximum level allowed for this tree. All nodes having depth greater than max level will be deleted. + + */ + prune: function(tree, maxLevel) { + this.each(tree, function(elem, i) { + if (i == maxLevel && elem.children) { + delete elem.children; + elem.children = []; + } + }); + }, + /* + Method: getParent + + Returns the parent node of the node having _id_ as id. + + Parameters: + + tree - (object) A JSON tree object. See also . + id - (string) The _id_ of the child node whose parent will be returned. + + Returns: + + A tree JSON node if any, or false otherwise. + + */ + getParent: function(tree, id) { + if (tree.id == id) + return false; + var ch = tree.children; + if (ch && ch.length > 0) { + for ( var i = 0; i < ch.length; i++) { + if (ch[i].id == id) + return tree; + else { + var ans = this.getParent(ch[i], id); + if (ans) + return ans; + } + } + } + return false; + }, + /* + Method: getSubtree + + Returns the subtree that matches the given id. + + Parameters: + + tree - (object) A JSON tree object. See also . + id - (string) A node *unique* identifier. + + Returns: + + A subtree having a root node matching the given id. Returns null if no subtree matching the id is found. + + */ + getSubtree: function(tree, id) { + if (tree.id == id) + return tree; + for ( var i = 0, ch = tree.children; ch && i < ch.length; i++) { + var t = this.getSubtree(ch[i], id); + if (t != null) + return t; + } + return null; + }, + /* + Method: eachLevel + + Iterates on tree nodes with relative depth less or equal than a specified level. + + Parameters: + + tree - (object) A JSON tree or subtree. See also . + initLevel - (number) An integer specifying the initial relative level. Usually zero. + toLevel - (number) An integer specifying a top level. This method will iterate only through nodes with depth less than or equal this number. + action - (function) A function that receives a node and an integer specifying the actual level of the node. + + Example: + (start code js) + $jit.json.eachLevel(tree, 0, 3, function(node, depth) { + alert(node.name + ' ' + depth); + }); + (end code) + */ + eachLevel: function(tree, initLevel, toLevel, action) { + if (initLevel <= toLevel) { + action(tree, initLevel); + if(!tree.children) return; + for ( var i = 0, ch = tree.children; i < ch.length; i++) { + this.eachLevel(ch[i], initLevel + 1, toLevel, action); + } + } + }, + /* + Method: each + + A JSON tree iterator. + + Parameters: + + tree - (object) A JSON tree or subtree. See also . + action - (function) A function that receives a node. + + Example: + (start code js) + $jit.json.each(tree, function(node) { + alert(node.name); + }); + (end code) + + */ + each: function(tree, action) { + this.eachLevel(tree, 0, Number.MAX_VALUE, action); + } +}; + + +/* + An object containing multiple type of transformations. +*/ + +$jit.Trans = { + $extend: true, + + linear: function(p){ + return p; + } +}; + +var Trans = $jit.Trans; + +(function(){ + + var makeTrans = function(transition, params){ + params = $.splat(params); + return $.extend(transition, { + easeIn: function(pos){ + return transition(pos, params); + }, + easeOut: function(pos){ + return 1 - transition(1 - pos, params); + }, + easeInOut: function(pos){ + return (pos <= 0.5)? transition(2 * pos, params) / 2 : (2 - transition( + 2 * (1 - pos), params)) / 2; + } + }); + }; + + var transitions = { + + Pow: function(p, x){ + return Math.pow(p, x[0] || 6); + }, + + Expo: function(p){ + return Math.pow(2, 8 * (p - 1)); + }, + + Circ: function(p){ + return 1 - Math.sin(Math.acos(p)); + }, + + Sine: function(p){ + return 1 - Math.sin((1 - p) * Math.PI / 2); + }, + + Back: function(p, x){ + x = x[0] || 1.618; + return Math.pow(p, 2) * ((x + 1) * p - x); + }, + + Bounce: function(p){ + var value; + for ( var a = 0, b = 1; 1; a += b, b /= 2) { + if (p >= (7 - 4 * a) / 11) { + value = b * b - Math.pow((11 - 6 * a - 11 * p) / 4, 2); + break; + } + } + return value; + }, + + Elastic: function(p, x){ + return Math.pow(2, 10 * --p) + * Math.cos(20 * p * Math.PI * (x[0] || 1) / 3); + } + + }; + + $.each(transitions, function(val, key){ + Trans[key] = makeTrans(val); + }); + + $.each( [ + 'Quad', 'Cubic', 'Quart', 'Quint' + ], function(elem, i){ + Trans[elem] = makeTrans(function(p){ + return Math.pow(p, [ + i + 2 + ]); + }); + }); + +})(); + +/* + A Class that can perform animations for generic objects. + + If you are looking for animation transitions please take a look at the object. + + Used by: + + + + Based on: + + The Animation class is based in the MooTools Framework . Copyright (c) 2006-2009 Valerio Proietti, . MIT license . + +*/ + +var Animation = new Class( { + + initialize: function(options){ + this.setOptions(options); + }, + + setOptions: function(options){ + var opt = { + duration: 2500, + fps: 40, + transition: Trans.Quart.easeInOut, + compute: $.empty, + complete: $.empty, + link: 'ignore' + }; + this.opt = $.merge(opt, options || {}); + return this; + }, + + step: function(){ + var time = $.time(), opt = this.opt; + if (time < this.time + opt.duration) { + var delta = opt.transition((time - this.time) / opt.duration); + opt.compute(delta); + } else { + this.timer = clearInterval(this.timer); + opt.compute(1); + opt.complete(); + } + }, + + start: function(){ + if (!this.check()) + return this; + this.time = 0; + this.startTimer(); + return this; + }, + + startTimer: function(){ + var that = this, fps = this.opt.fps; + if (this.timer) + return false; + this.time = $.time() - this.time; + this.timer = setInterval((function(){ + that.step(); + }), Math.round(1000 / fps)); + return true; + }, + + pause: function(){ + this.stopTimer(); + return this; + }, + + resume: function(){ + this.startTimer(); + return this; + }, + + stopTimer: function(){ + if (!this.timer) + return false; + this.time = $.time() - this.time; + this.timer = clearInterval(this.timer); + return true; + }, + + check: function(){ + if (!this.timer) + return true; + if (this.opt.link == 'cancel') { + this.stopTimer(); + return true; + } + return false; + } +}); + + +var Options = function() { + var args = arguments; + for(var i=0, l=args.length, ans={}; i options. + Other options included in the AreaChart are , , , and . + + Syntax: + + (start code js) + + Options.AreaChart = { + animate: true, + labelOffset: 3, + type: 'stacked', + selectOnHover: true, + showAggregates: true, + showLabels: true, + filterOnClick: false, + restoreOnRightClick: false + }; + + (end code) + + Example: + + (start code js) + + var areaChart = new $jit.AreaChart({ + animate: true, + type: 'stacked:gradient', + selectOnHover: true, + filterOnClick: true, + restoreOnRightClick: true + }); + + (end code) + + Parameters: + + animate - (boolean) Default's *true*. Whether to add animated transitions when filtering/restoring stacks. + labelOffset - (number) Default's *3*. Adds margin between the label and the default place where it should be drawn. + type - (string) Default's *'stacked'*. Stack style. Posible values are 'stacked', 'stacked:gradient' to add gradients. + selectOnHover - (boolean) Default's *true*. If true, it will add a mark to the hovered stack. + showAggregates - (boolean, function) Default's *true*. Display the values of the stacks. Can also be a function that returns *true* or *false* to display or filter some values. That same function can also return a string with the formatted value. + showLabels - (boolean, function) Default's *true*. Display the name of the slots. Can also be a function that returns *true* or *false* to display or not each label. + filterOnClick - (boolean) Default's *true*. Select the clicked stack by hiding all other stacks. + restoreOnRightClick - (boolean) Default's *true*. Show all stacks by right clicking. + +*/ + +Options.AreaChart = { + $extend: true, + + animate: true, + labelOffset: 3, // label offset + type: 'stacked', // gradient + Tips: { + enable: false, + onShow: $.empty, + onHide: $.empty + }, + Events: { + enable: false, + onClick: $.empty + }, + selectOnHover: true, + showAggregates: true, + showLabels: true, + filterOnClick: false, + restoreOnRightClick: false +}; + +/* + * File: Options.Margin.js + * +*/ + +/* + Object: Options.Margin + + Canvas drawing margins. + + Syntax: + + (start code js) + + Options.Margin = { + top: 0, + left: 0, + right: 0, + bottom: 0 + }; + + (end code) + + Example: + + (start code js) + + var viz = new $jit.Viz({ + Margin: { + right: 10, + bottom: 20 + } + }); + + (end code) + + Parameters: + + top - (number) Default's *0*. Top margin. + left - (number) Default's *0*. Left margin. + right - (number) Default's *0*. Right margin. + bottom - (number) Default's *0*. Bottom margin. + +*/ + +Options.Margin = { + $extend: false, + + top: 0, + left: 0, + right: 0, + bottom: 0 +}; + +/* + * File: Options.Canvas.js + * +*/ + +/* + Object: Options.Canvas + + These are Canvas general options, like where to append it in the DOM, its dimensions, background, + and other more advanced options. + + Syntax: + + (start code js) + + Options.Canvas = { + injectInto: 'id', + type: '2D', //'3D' + width: false, + height: false, + useCanvas: false, + withLabels: true, + background: false + }; + (end code) + + Example: + + (start code js) + var viz = new $jit.Viz({ + injectInto: 'someContainerId', + width: 500, + height: 700 + }); + (end code) + + Parameters: + + injectInto - *required* (string|element) The id of the DOM container for the visualization. It can also be an Element provided that it has an id. + type - (string) Context type. Default's 2D but can be 3D for webGL enabled browsers. + width - (number) Default's to the *container's offsetWidth*. The width of the canvas. + height - (number) Default's to the *container's offsetHeight*. The height of the canvas. + useCanvas - (boolean|object) Default's *false*. You can pass another instance to be used by the visualization. + withLabels - (boolean) Default's *true*. Whether to use a label container for the visualization. + background - (boolean|object) Default's *false*. An object containing information about the rendering of a background canvas. +*/ + +Options.Canvas = { + $extend: true, + + injectInto: 'id', + type: '2D', + width: false, + height: false, + useCanvas: false, + withLabels: true, + background: false, + + Scene: { + Lighting: { + enable: false, + ambient: [1, 1, 1], + directional: { + direction: { x: -100, y: -100, z: -100 }, + color: [0.5, 0.3, 0.1] + } + } + } +}; + +/* + * File: Options.Tree.js + * +*/ + +/* + Object: Options.Tree + + Options related to (strict) Tree layout algorithms. These options are used by the visualization. + + Syntax: + + (start code js) + Options.Tree = { + orientation: "left", + subtreeOffset: 8, + siblingOffset: 5, + indent:10, + multitree: false, + align:"center" + }; + (end code) + + Example: + + (start code js) + var st = new $jit.ST({ + orientation: 'left', + subtreeOffset: 1, + siblingOFfset: 5, + multitree: true + }); + (end code) + + Parameters: + + subtreeOffset - (number) Default's 8. Separation offset between subtrees. + siblingOffset - (number) Default's 5. Separation offset between siblings. + orientation - (string) Default's 'left'. Tree orientation layout. Possible values are 'left', 'top', 'right', 'bottom'. + align - (string) Default's *center*. Whether the tree alignment is 'left', 'center' or 'right'. + indent - (number) Default's 10. Used when *align* is left or right and shows an indentation between parent and children. + multitree - (boolean) Default's *false*. Used with the node $orn data property for creating multitrees. + +*/ +Options.Tree = { + $extend: true, + + orientation: "left", + subtreeOffset: 8, + siblingOffset: 5, + indent:10, + multitree: false, + align:"center" +}; + + +/* + * File: Options.Node.js + * +*/ + +/* + Object: Options.Node + + Provides Node rendering options for Tree and Graph based visualizations. + + Syntax: + + (start code js) + Options.Node = { + overridable: false, + type: 'circle', + color: '#ccb', + alpha: 1, + dim: 3, + height: 20, + width: 90, + autoHeight: false, + autoWidth: false, + lineWidth: 1, + transform: true, + align: "center", + angularWidth:1, + span:1, + CanvasStyles: {} + }; + (end code) + + Example: + + (start code js) + var viz = new $jit.Viz({ + Node: { + overridable: true, + width: 30, + autoHeight: true, + type: 'rectangle' + } + }); + (end code) + + Parameters: + + overridable - (boolean) Default's *false*. Determine whether or not general node properties can be overridden by a particular . + type - (string) Default's *circle*. Node's shape. Node built-in types include 'circle', 'rectangle', 'square', 'ellipse', 'triangle', 'star'. The default Node type might vary in each visualization. You can also implement (non built-in) custom Node types into your visualizations. + color - (string) Default's *#ccb*. Node color. + alpha - (number) Default's *1*. The Node's alpha value. *1* is for full opacity. + dim - (number) Default's *3*. An extra parameter used by 'circle', 'square', 'triangle' and 'star' node types. Depending on each shape, this parameter can set the radius of a circle, half the length of the side of a square, half the base and half the height of a triangle or the length of a side of a star (concave decagon). + height - (number) Default's *20*. Used by 'rectangle' and 'ellipse' node types. The height of the node shape. + width - (number) Default's *90*. Used by 'rectangle' and 'ellipse' node types. The width of the node shape. + autoHeight - (boolean) Default's *false*. Whether to set an auto height for the node depending on the content of the Node's label. + autoWidth - (boolean) Default's *false*. Whether to set an auto width for the node depending on the content of the Node's label. + lineWidth - (number) Default's *1*. Used only by some Node shapes. The line width of the strokes of a node. + transform - (boolean) Default's *true*. Only used by the visualization. Whether to scale the nodes according to the moebius transformation. + align - (string) Default's *center*. Possible values are 'center', 'left' or 'right'. Used only by the visualization, these parameters are used for aligning nodes when some of they dimensions vary. + angularWidth - (number) Default's *1*. Used in radial layouts (like or visualizations). The amount of relative 'space' set for a node. + span - (number) Default's *1*. Used in radial layouts (like or visualizations). The angle span amount set for a node. + CanvasStyles - (object) Default's an empty object (i.e. {}). Attach any other canvas specific property that you'd set to the canvas context before plotting a Node. + +*/ +Options.Node = { + $extend: false, + + overridable: false, + type: 'circle', + color: '#ccb', + alpha: 1, + dim: 3, + height: 20, + width: 90, + autoHeight: false, + autoWidth: false, + lineWidth: 1, + transform: true, + align: "center", + angularWidth:1, + span:1, + //Raw canvas styles to be + //applied to the context instance + //before plotting a node + CanvasStyles: {} +}; + + +/* + * File: Options.Edge.js + * +*/ + +/* + Object: Options.Edge + + Provides Edge rendering options for Tree and Graph based visualizations. + + Syntax: + + (start code js) + Options.Edge = { + overridable: false, + type: 'line', + color: '#ccb', + lineWidth: 1, + dim:15, + alpha: 1, + CanvasStyles: {} + }; + (end code) + + Example: + + (start code js) + var viz = new $jit.Viz({ + Edge: { + overridable: true, + type: 'line', + color: '#fff', + CanvasStyles: { + shadowColor: '#ccc', + shadowBlur: 10 + } + } + }); + (end code) + + Parameters: + + overridable - (boolean) Default's *false*. Determine whether or not general edges properties can be overridden by a particular . + type - (string) Default's 'line'. Edge styles include 'line', 'hyperline', 'arrow'. The default Edge type might vary in each visualization. You can also implement custom Edge types. + color - (string) Default's '#ccb'. Edge color. + lineWidth - (number) Default's *1*. Line/Edge width. + alpha - (number) Default's *1*. The Edge's alpha value. *1* is for full opacity. + dim - (number) Default's *15*. An extra parameter used by other complex shapes such as quadratic, bezier or arrow, to determine the shape's diameter. + epsilon - (number) Default's *7*. Only used when using *enableForEdges* in . This dimension is used to create an area for the line where the contains method for the edge returns *true*. + CanvasStyles - (object) Default's an empty object (i.e. {}). Attach any other canvas specific property that you'd set to the canvas context before plotting an Edge. + + See also: + + If you want to know more about how to customize Node/Edge data per element, in the JSON or programmatically, take a look at this article. +*/ +Options.Edge = { + $extend: false, + + overridable: false, + type: 'line', + color: '#ccb', + lineWidth: 1, + dim:15, + alpha: 1, + epsilon: 7, + + //Raw canvas styles to be + //applied to the context instance + //before plotting an edge + CanvasStyles: {} +}; + + +/* + * File: Options.Fx.js + * +*/ + +/* + Object: Options.Fx + + Provides animation options like duration of the animations, frames per second and animation transitions. + + Syntax: + + (start code js) + Options.Fx = { + fps:40, + duration: 2500, + transition: $jit.Trans.Quart.easeInOut, + clearCanvas: true + }; + (end code) + + Example: + + (start code js) + var viz = new $jit.Viz({ + duration: 1000, + fps: 35, + transition: $jit.Trans.linear + }); + (end code) + + Parameters: + + clearCanvas - (boolean) Default's *true*. Whether to clear the frame/canvas when the viz is plotted or animated. + duration - (number) Default's *2500*. Duration of the animation in milliseconds. + fps - (number) Default's *40*. Frames per second. + transition - (object) Default's *$jit.Trans.Quart.easeInOut*. The transition used for the animations. See below for a more detailed explanation. + + Object: $jit.Trans + + This object is used for specifying different animation transitions in all visualizations. + + There are many different type of animation transitions. + + linear: + + Displays a linear transition + + >Trans.linear + + (see Linear.png) + + Quad: + + Displays a Quadratic transition. + + >Trans.Quad.easeIn + >Trans.Quad.easeOut + >Trans.Quad.easeInOut + + (see Quad.png) + + Cubic: + + Displays a Cubic transition. + + >Trans.Cubic.easeIn + >Trans.Cubic.easeOut + >Trans.Cubic.easeInOut + + (see Cubic.png) + + Quart: + + Displays a Quartetic transition. + + >Trans.Quart.easeIn + >Trans.Quart.easeOut + >Trans.Quart.easeInOut + + (see Quart.png) + + Quint: + + Displays a Quintic transition. + + >Trans.Quint.easeIn + >Trans.Quint.easeOut + >Trans.Quint.easeInOut + + (see Quint.png) + + Expo: + + Displays an Exponential transition. + + >Trans.Expo.easeIn + >Trans.Expo.easeOut + >Trans.Expo.easeInOut + + (see Expo.png) + + Circ: + + Displays a Circular transition. + + >Trans.Circ.easeIn + >Trans.Circ.easeOut + >Trans.Circ.easeInOut + + (see Circ.png) + + Sine: + + Displays a Sineousidal transition. + + >Trans.Sine.easeIn + >Trans.Sine.easeOut + >Trans.Sine.easeInOut + + (see Sine.png) + + Back: + + >Trans.Back.easeIn + >Trans.Back.easeOut + >Trans.Back.easeInOut + + (see Back.png) + + Bounce: + + Bouncy transition. + + >Trans.Bounce.easeIn + >Trans.Bounce.easeOut + >Trans.Bounce.easeInOut + + (see Bounce.png) + + Elastic: + + Elastic curve. + + >Trans.Elastic.easeIn + >Trans.Elastic.easeOut + >Trans.Elastic.easeInOut + + (see Elastic.png) + + Based on: + + Easing and Transition animation methods are based in the MooTools Framework . Copyright (c) 2006-2010 Valerio Proietti, . MIT license . + + +*/ +Options.Fx = { + $extend: true, + + fps:40, + duration: 2500, + transition: $jit.Trans.Quart.easeInOut, + clearCanvas: true +}; + +/* + * File: Options.Label.js + * +*/ +/* + Object: Options.Label + + Provides styling for Labels such as font size, family, etc. Also sets Node labels as HTML, SVG or Native canvas elements. + + Syntax: + + (start code js) + Options.Label = { + overridable: false, + type: 'HTML', //'SVG', 'Native' + style: ' ', + size: 10, + family: 'sans-serif', + textAlign: 'center', + textBaseline: 'alphabetic', + color: '#fff' + }; + (end code) + + Example: + + (start code js) + var viz = new $jit.Viz({ + Label: { + type: 'Native', + size: 11, + color: '#ccc' + } + }); + (end code) + + Parameters: + + overridable - (boolean) Default's *false*. Determine whether or not general label properties can be overridden by a particular . + type - (string) Default's *HTML*. The type for the labels. Can be 'HTML', 'SVG' or 'Native' canvas labels. + style - (string) Default's *empty string*. Can be 'italic' or 'bold'. This parameter is only taken into account when using 'Native' canvas labels. For DOM based labels the className *node* is added to the DOM element for styling via CSS. You can also use methods to style individual labels. + size - (number) Default's *10*. The font's size. This parameter is only taken into account when using 'Native' canvas labels. For DOM based labels the className *node* is added to the DOM element for styling via CSS. You can also use methods to style individual labels. + family - (string) Default's *sans-serif*. The font's family. This parameter is only taken into account when using 'Native' canvas labels. For DOM based labels the className *node* is added to the DOM element for styling via CSS. You can also use methods to style individual labels. + color - (string) Default's *#fff*. The font's color. This parameter is only taken into account when using 'Native' canvas labels. For DOM based labels the className *node* is added to the DOM element for styling via CSS. You can also use methods to style individual labels. +*/ +Options.Label = { + $extend: false, + + overridable: false, + type: 'HTML', //'SVG', 'Native' + style: ' ', + size: 10, + family: 'sans-serif', + textAlign: 'center', + textBaseline: 'alphabetic', + color: '#fff' +}; + + +/* + * File: Options.Tips.js + * + */ + +/* + Object: Options.Tips + + Tips options + + Syntax: + + (start code js) + Options.Tips = { + enable: false, + type: 'auto', + offsetX: 20, + offsetY: 20, + onShow: $.empty, + onHide: $.empty + }; + (end code) + + Example: + + (start code js) + var viz = new $jit.Viz({ + Tips: { + enable: true, + type: 'Native', + offsetX: 10, + offsetY: 10, + onShow: function(tip, node) { + tip.innerHTML = node.name; + } + } + }); + (end code) + + Parameters: + + enable - (boolean) Default's *false*. If *true*, a tooltip will be shown when a node is hovered. The tooltip is a div DOM element having "tip" as CSS class. + type - (string) Default's *auto*. Defines where to attach the MouseEnter/Leave tooltip events. Possible values are 'Native' to attach them to the canvas or 'HTML' to attach them to DOM label elements (if defined). 'auto' sets this property to the value of 's *type* property. + offsetX - (number) Default's *20*. An offset added to the current tooltip x-position (which is the same as the current mouse position). Default's 20. + offsetY - (number) Default's *20*. An offset added to the current tooltip y-position (which is the same as the current mouse position). Default's 20. + onShow(tip, node) - This callack is used right before displaying a tooltip. The first formal parameter is the tip itself (which is a DivElement). The second parameter may be a for graph based visualizations or an object with label, value properties for charts. + onHide() - This callack is used when hiding a tooltip. + +*/ +Options.Tips = { + $extend: false, + + enable: false, + type: 'auto', + offsetX: 20, + offsetY: 20, + force: false, + onShow: $.empty, + onHide: $.empty +}; + + +/* + * File: Options.NodeStyles.js + * + */ + +/* + Object: Options.NodeStyles + + Apply different styles when a node is hovered or selected. + + Syntax: + + (start code js) + Options.NodeStyles = { + enable: false, + type: 'auto', + stylesHover: false, + stylesClick: false + }; + (end code) + + Example: + + (start code js) + var viz = new $jit.Viz({ + NodeStyles: { + enable: true, + type: 'Native', + stylesHover: { + dim: 30, + color: '#fcc' + }, + duration: 600 + } + }); + (end code) + + Parameters: + + enable - (boolean) Default's *false*. Whether to enable this option. + type - (string) Default's *auto*. Use this to attach the hover/click events in the nodes or the nodes labels (if they have been defined as DOM elements: 'HTML' or 'SVG', see for more details). The default 'auto' value will set NodeStyles to the same type defined for . + stylesHover - (boolean|object) Default's *false*. An object with node styles just like the ones defined for or *false* otherwise. + stylesClick - (boolean|object) Default's *false*. An object with node styles just like the ones defined for or *false* otherwise. +*/ + +Options.NodeStyles = { + $extend: false, + + enable: false, + type: 'auto', + stylesHover: false, + stylesClick: false +}; + + +/* + * File: Options.Events.js + * +*/ + +/* + Object: Options.Events + + Configuration for adding mouse/touch event handlers to Nodes. + + Syntax: + + (start code js) + Options.Events = { + enable: false, + enableForEdges: false, + type: 'auto', + onClick: $.empty, + onRightClick: $.empty, + onMouseMove: $.empty, + onMouseEnter: $.empty, + onMouseLeave: $.empty, + onDragStart: $.empty, + onDragMove: $.empty, + onDragCancel: $.empty, + onDragEnd: $.empty, + onTouchStart: $.empty, + onTouchMove: $.empty, + onTouchEnd: $.empty, + onTouchCancel: $.empty, + onMouseWheel: $.empty + }; + (end code) + + Example: + + (start code js) + var viz = new $jit.Viz({ + Events: { + enable: true, + onClick: function(node, eventInfo, e) { + viz.doSomething(); + }, + onMouseEnter: function(node, eventInfo, e) { + viz.canvas.getElement().style.cursor = 'pointer'; + }, + onMouseLeave: function(node, eventInfo, e) { + viz.canvas.getElement().style.cursor = ''; + } + } + }); + (end code) + + Parameters: + + enable - (boolean) Default's *false*. Whether to enable the Event system. + enableForEdges - (boolean) Default's *false*. Whether to track events also in arcs. If *true* the same callbacks -described below- are used for nodes *and* edges. A simple duck type check for edges is to check for *node.nodeFrom*. + type - (string) Default's 'auto'. Whether to attach the events onto the HTML labels (via event delegation) or to use the custom 'Native' canvas Event System of the library. 'auto' is set when you let the *type* parameter decide this. + onClick(node, eventInfo, e) - Triggered when a user performs a click in the canvas. *node* is the clicked or false if no node has been clicked. *e* is the grabbed event (should return the native event in a cross-browser manner). *eventInfo* is an object containing useful methods like *getPos* to get the mouse position relative to the canvas. + onRightClick(node, eventInfo, e) - Triggered when a user performs a right click in the canvas. *node* is the right clicked or false if no node has been clicked. *e* is the grabbed event (should return the native event in a cross-browser manner). *eventInfo* is an object containing useful methods like *getPos* to get the mouse position relative to the canvas. + onMouseMove(node, eventInfo, e) - Triggered when the user moves the mouse. *node* is the under the cursor as it's moving over the canvas or false if no node has been clicked. *e* is the grabbed event (should return the native event in a cross-browser manner). *eventInfo* is an object containing useful methods like *getPos* to get the mouse position relative to the canvas. + onMouseEnter(node, eventInfo, e) - Triggered when a user moves the mouse over a node. *node* is the that the mouse just entered. *e* is the grabbed event (should return the native event in a cross-browser manner). *eventInfo* is an object containing useful methods like *getPos* to get the mouse position relative to the canvas. + onMouseLeave(node, eventInfo, e) - Triggered when the user mouse-outs a node. *node* is the 'mouse-outed'. *e* is the grabbed event (should return the native event in a cross-browser manner). *eventInfo* is an object containing useful methods like *getPos* to get the mouse position relative to the canvas. + onDragStart(node, eventInfo, e) - Triggered when the user mouse-downs over a node. *node* is the being pressed. *e* is the grabbed event (should return the native event in a cross-browser manner). *eventInfo* is an object containing useful methods like *getPos* to get the mouse position relative to the canvas. + onDragMove(node, eventInfo, e) - Triggered when a user, after pressing the mouse button over a node, moves the mouse around. *node* is the being dragged. *e* is the grabbed event (should return the native event in a cross-browser manner). *eventInfo* is an object containing useful methods like *getPos* to get the mouse position relative to the canvas. + onDragEnd(node, eventInfo, e) - Triggered when a user finished dragging a node. *node* is the being dragged. *e* is the grabbed event (should return the native event in a cross-browser manner). *eventInfo* is an object containing useful methods like *getPos* to get the mouse position relative to the canvas. + onDragCancel(node, eventInfo, e) - Triggered when the user releases the mouse button over a that wasn't dragged (i.e. the user didn't perform any mouse movement after pressing the mouse button). *node* is the being dragged. *e* is the grabbed event (should return the native event in a cross-browser manner). *eventInfo* is an object containing useful methods like *getPos* to get the mouse position relative to the canvas. + onTouchStart(node, eventInfo, e) - Behaves just like onDragStart. + onTouchMove(node, eventInfo, e) - Behaves just like onDragMove. + onTouchEnd(node, eventInfo, e) - Behaves just like onDragEnd. + onTouchCancel(node, eventInfo, e) - Behaves just like onDragCancel. + onMouseWheel(delta, e) - Triggered when the user uses the mouse scroll over the canvas. *delta* is 1 or -1 depending on the sense of the mouse scroll. +*/ + +Options.Events = { + $extend: false, + + enable: false, + enableForEdges: false, + type: 'auto', + onClick: $.empty, + onRightClick: $.empty, + onMouseMove: $.empty, + onMouseEnter: $.empty, + onMouseLeave: $.empty, + onDragStart: $.empty, + onDragMove: $.empty, + onDragCancel: $.empty, + onDragEnd: $.empty, + onTouchStart: $.empty, + onTouchMove: $.empty, + onTouchEnd: $.empty, + onMouseWheel: $.empty +}; + +/* + * File: Options.Navigation.js + * +*/ + +/* + Object: Options.Navigation + + Panning and zooming options for Graph/Tree based visualizations. These options are implemented + by all visualizations except charts (, and ). + + Syntax: + + (start code js) + + Options.Navigation = { + enable: false, + type: 'auto', + panning: false, //true, 'avoid nodes' + zooming: false + }; + + (end code) + + Example: + + (start code js) + var viz = new $jit.Viz({ + Navigation: { + enable: true, + panning: 'avoid nodes', + zooming: 20 + } + }); + (end code) + + Parameters: + + enable - (boolean) Default's *false*. Whether to enable Navigation capabilities. + type - (string) Default's 'auto'. Whether to attach the navigation events onto the HTML labels (via event delegation) or to use the custom 'Native' canvas Event System of the library. When 'auto' set when you let the *type* parameter decide this. + panning - (boolean|string) Default's *false*. Set this property to *true* if you want to add Drag and Drop panning support to the visualization. You can also set this parameter to 'avoid nodes' to enable DnD panning but disable it if the DnD is taking place over a node. This is useful when some other events like Drag & Drop for nodes are added to . + zooming - (boolean|number) Default's *false*. Set this property to a numeric value to turn mouse-scroll zooming on. The number will be proportional to the mouse-scroll sensitivity. + +*/ + +Options.Navigation = { + $extend: false, + + enable: false, + type: 'auto', + panning: false, //true | 'avoid nodes' + zooming: false +}; + +/* + * File: Options.Controller.js + * +*/ + +/* + Object: Options.Controller + + Provides controller methods. Controller methods are callback functions that get called at different stages + of the animation, computing or plotting of the visualization. + + Implemented by: + + All visualizations except charts (, and ). + + Syntax: + + (start code js) + + Options.Controller = { + onBeforeCompute: $.empty, + onAfterCompute: $.empty, + onCreateLabel: $.empty, + onPlaceLabel: $.empty, + onComplete: $.empty, + onBeforePlotLine:$.empty, + onAfterPlotLine: $.empty, + onBeforePlotNode:$.empty, + onAfterPlotNode: $.empty, + request: false + }; + + (end code) + + Example: + + (start code js) + var viz = new $jit.Viz({ + onBeforePlotNode: function(node) { + if(node.selected) { + node.setData('color', '#ffc'); + } else { + node.removeData('color'); + } + }, + onBeforePlotLine: function(adj) { + if(adj.nodeFrom.selected && adj.nodeTo.selected) { + adj.setData('color', '#ffc'); + } else { + adj.removeData('color'); + } + }, + onAfterCompute: function() { + alert("computed!"); + } + }); + (end code) + + Parameters: + + onBeforeCompute(node) - This method is called right before performing all computations and animations. The selected is passed as parameter. + onAfterCompute() - This method is triggered after all animations or computations ended. + onCreateLabel(domElement, node) - This method receives a new label DIV element as first parameter, and the corresponding as second parameter. This method will only be called once for each label. This method is useful when adding events or styles to the labels used by the JIT. + onPlaceLabel(domElement, node) - This method receives a label DIV element as first parameter and the corresponding as second parameter. This method is called each time a label has been placed in the visualization, for example at each step of an animation, and thus it allows you to update the labels properties, such as size or position. Note that onPlaceLabel will be triggered after updating the labels positions. That means that, for example, the left and top css properties are already updated to match the nodes positions. Width and height properties are not set however. + onBeforePlotNode(node) - This method is triggered right before plotting each . This method is useful for changing a node style right before plotting it. + onAfterPlotNode(node) - This method is triggered right after plotting each . + onBeforePlotLine(adj) - This method is triggered right before plotting a . This method is useful for adding some styles to a particular edge before being plotted. + onAfterPlotLine(adj) - This method is triggered right after plotting a . + + *Used in , and visualizations* + + request(nodeId, level, onComplete) - This method is used for buffering information into the visualization. When clicking on an empty node, the visualization will make a request for this node's subtrees, specifying a given level for this subtree (defined by _levelsToShow_). Once the request is completed, the onComplete callback should be called with the given result. This is useful to provide on-demand information into the visualizations withought having to load the entire information from start. The parameters used by this method are _nodeId_, which is the id of the root of the subtree to request, _level_ which is the depth of the subtree to be requested (0 would mean just the root node). _onComplete_ is an object having the callback method _onComplete.onComplete(json)_ that should be called once the json has been retrieved. + + */ +Options.Controller = { + $extend: true, + + onBeforeCompute: $.empty, + onAfterCompute: $.empty, + onCreateLabel: $.empty, + onPlaceLabel: $.empty, + onComplete: $.empty, + onBeforePlotLine:$.empty, + onAfterPlotLine: $.empty, + onBeforePlotNode:$.empty, + onAfterPlotNode: $.empty, + request: false +}; + + +/* + * File: Extras.js + * + * Provides Extras such as Tips and Style Effects. + * + * Description: + * + * Provides the and classes and functions. + * + */ + +/* + * Manager for mouse events (clicking and mouse moving). + * + * This class is used for registering objects implementing onClick + * and onMousemove methods. These methods are called when clicking or + * moving the mouse around the Canvas. + * For now, and are classes implementing these methods. + * + */ +var ExtrasInitializer = { + initialize: function(className, viz) { + this.viz = viz; + this.canvas = viz.canvas; + this.config = viz.config[className]; + this.nodeTypes = viz.fx.nodeTypes; + var type = this.config.type; + this.dom = type == 'auto'? (viz.config.Label.type != 'Native') : (type != 'Native'); + this.labelContainer = this.dom && viz.labels.getLabelContainer(); + this.isEnabled() && this.initializePost(); + }, + initializePost: $.empty, + setAsProperty: $.lambda(false), + isEnabled: function() { + return this.config.enable; + }, + isLabel: function(e, win, group) { + e = $.event.get(e, win); + var labelContainer = this.labelContainer, + target = e.target || e.srcElement, + related = e.relatedTarget; + if(group) { + return related && related == this.viz.canvas.getCtx().canvas + && !!target && this.isDescendantOf(target, labelContainer); + } else { + return this.isDescendantOf(target, labelContainer); + } + }, + isDescendantOf: function(elem, par) { + while(elem && elem.parentNode) { + if(elem.parentNode == par) + return elem; + elem = elem.parentNode; + } + return false; + } +}; + +var EventsInterface = { + onMouseUp: $.empty, + onMouseDown: $.empty, + onMouseMove: $.empty, + onMouseOver: $.empty, + onMouseOut: $.empty, + onMouseWheel: $.empty, + onTouchStart: $.empty, + onTouchMove: $.empty, + onTouchEnd: $.empty, + onTouchCancel: $.empty +}; + +var MouseEventsManager = new Class({ + initialize: function(viz) { + this.viz = viz; + this.canvas = viz.canvas; + this.node = false; + this.edge = false; + this.registeredObjects = []; + this.attachEvents(); + }, + + attachEvents: function() { + var htmlCanvas = this.canvas.getElement(), + that = this; + htmlCanvas.oncontextmenu = $.lambda(false); + $.addEvents(htmlCanvas, { + 'mouseup': function(e, win) { + var event = $.event.get(e, win); + that.handleEvent('MouseUp', e, win, + that.makeEventObject(e, win), + $.event.isRightClick(event)); + }, + 'mousedown': function(e, win) { + var event = $.event.get(e, win); + that.handleEvent('MouseDown', e, win, that.makeEventObject(e, win), + $.event.isRightClick(event)); + }, + 'mousemove': function(e, win) { + that.handleEvent('MouseMove', e, win, that.makeEventObject(e, win)); + }, + 'mouseover': function(e, win) { + that.handleEvent('MouseOver', e, win, that.makeEventObject(e, win)); + }, + 'mouseout': function(e, win) { + that.handleEvent('MouseOut', e, win, that.makeEventObject(e, win)); + }, + 'touchstart': function(e, win) { + that.handleEvent('TouchStart', e, win, that.makeEventObject(e, win)); + }, + 'touchmove': function(e, win) { + that.handleEvent('TouchMove', e, win, that.makeEventObject(e, win)); + }, + 'touchend': function(e, win) { + that.handleEvent('TouchEnd', e, win, that.makeEventObject(e, win)); + } + }); + //attach mousewheel event + var handleMouseWheel = function(e, win) { + var event = $.event.get(e, win); + var wheel = $.event.getWheel(event); + that.handleEvent('MouseWheel', e, win, wheel); + }; + //TODO(nico): this is a horrible check for non-gecko browsers! + if(!document.getBoxObjectFor && window.mozInnerScreenX == null) { + $.addEvent(htmlCanvas, 'mousewheel', handleMouseWheel); + } else { + htmlCanvas.addEventListener('DOMMouseScroll', handleMouseWheel, false); + } + }, + + register: function(obj) { + this.registeredObjects.push(obj); + }, + + handleEvent: function() { + var args = Array.prototype.slice.call(arguments), + type = args.shift(); + for(var i=0, regs=this.registeredObjects, l=regs.length; i and implemented + * by all main visualizations. + * + */ +var Extras = { + initializeExtras: function() { + var mem = new MouseEventsManager(this), that = this; + $.each(['NodeStyles', 'Tips', 'Navigation', 'Events'], function(k) { + var obj = new Extras.Classes[k](k, that); + if(obj.isEnabled()) { + mem.register(obj); + } + if(obj.setAsProperty()) { + that[k.toLowerCase()] = obj; + } + }); + } +}; + +Extras.Classes = {}; +/* + Class: Events + + This class defines an Event API to be accessed by the user. + The methods implemented are the ones defined in the object. +*/ + +Extras.Classes.Events = new Class({ + Implements: [ExtrasInitializer, EventsInterface], + + initializePost: function() { + this.fx = this.viz.fx; + this.ntypes = this.viz.fx.nodeTypes; + this.etypes = this.viz.fx.edgeTypes; + + this.hovered = false; + this.pressed = false; + this.touched = false; + + this.touchMoved = false; + this.moved = false; + + }, + + setAsProperty: $.lambda(true), + + onMouseUp: function(e, win, event, isRightClick) { + var evt = $.event.get(e, win); + if(!this.moved) { + if(isRightClick) { + this.config.onRightClick(this.hovered, event, evt); + } else { + this.config.onClick(this.pressed, event, evt); + } + } + if(this.pressed) { + if(this.moved) { + this.config.onDragEnd(this.pressed, event, evt); + } else { + this.config.onDragCancel(this.pressed, event, evt); + } + this.pressed = this.moved = false; + } + }, + + onMouseOut: function(e, win, event) { + //mouseout a label + var evt = $.event.get(e, win), label; + if(this.dom && (label = this.isLabel(e, win, true))) { + this.config.onMouseLeave(this.viz.graph.getNode(label.id), + event, evt); + this.hovered = false; + return; + } + //mouseout canvas + var rt = evt.relatedTarget, + canvasWidget = this.canvas.getElement(); + while(rt && rt.parentNode) { + if(canvasWidget == rt.parentNode) return; + rt = rt.parentNode; + } + if(this.hovered) { + this.config.onMouseLeave(this.hovered, + event, evt); + this.hovered = false; + } + }, + + onMouseOver: function(e, win, event) { + //mouseover a label + var evt = $.event.get(e, win), label; + if(this.dom && (label = this.isLabel(e, win, true))) { + this.hovered = this.viz.graph.getNode(label.id); + this.config.onMouseEnter(this.hovered, + event, evt); + } + }, + + onMouseMove: function(e, win, event) { + var label, evt = $.event.get(e, win); + if(this.pressed) { + this.moved = true; + this.config.onDragMove(this.pressed, event, evt); + return; + } + if(this.dom) { + this.config.onMouseMove(this.hovered, + event, evt); + } else { + if(this.hovered) { + var hn = this.hovered; + var geom = hn.nodeFrom? this.etypes[hn.getData('type')] : this.ntypes[hn.getData('type')]; + var contains = geom && geom.contains + && geom.contains.call(this.fx, hn, event.getPos()); + if(contains) { + this.config.onMouseMove(hn, event, evt); + return; + } else { + this.config.onMouseLeave(hn, event, evt); + this.hovered = false; + } + } + if(this.hovered = (event.getNode() || (this.config.enableForEdges && event.getEdge()))) { + this.config.onMouseEnter(this.hovered, event, evt); + } else { + this.config.onMouseMove(false, event, evt); + } + } + }, + + onMouseWheel: function(e, win, delta) { + this.config.onMouseWheel(delta, $.event.get(e, win)); + }, + + onMouseDown: function(e, win, event) { + var evt = $.event.get(e, win), label; + if(this.dom) { + if(label = this.isLabel(e, win)) { + this.pressed = this.viz.graph.getNode(label.id); + } + } else { + this.pressed = event.getNode() || (this.config.enableForEdges && event.getEdge()); + } + this.pressed && this.config.onDragStart(this.pressed, event, evt); + }, + + onTouchStart: function(e, win, event) { + var evt = $.event.get(e, win), label; + if(this.dom && (label = this.isLabel(e, win))) { + this.touched = this.viz.graph.getNode(label.id); + } else { + this.touched = event.getNode() || (this.config.enableForEdges && event.getEdge()); + } + this.touched && this.config.onTouchStart(this.touched, event, evt); + }, + + onTouchMove: function(e, win, event) { + var evt = $.event.get(e, win); + if(this.touched) { + this.touchMoved = true; + this.config.onTouchMove(this.touched, event, evt); + } + }, + + onTouchEnd: function(e, win, event) { + var evt = $.event.get(e, win); + if(this.touched) { + if(this.touchMoved) { + this.config.onTouchEnd(this.touched, event, evt); + } else { + this.config.onTouchCancel(this.touched, event, evt); + } + this.touched = this.touchMoved = false; + } + } +}); + +/* + Class: Tips + + A class containing tip related functions. This class is used internally. + + Used by: + + , , , , , , + + See also: + + +*/ + +Extras.Classes.Tips = new Class({ + Implements: [ExtrasInitializer, EventsInterface], + + initializePost: function() { + //add DOM tooltip + if(document.body) { + var tip = $('_tooltip') || document.createElement('div'); + tip.id = '_tooltip'; + tip.className = 'tip'; + $.extend(tip.style, { + position: 'absolute', + display: 'none', + zIndex: 13000 + }); + document.body.appendChild(tip); + this.tip = tip; + this.node = false; + } + }, + + setAsProperty: $.lambda(true), + + onMouseOut: function(e, win) { + //mouseout a label + var evt = $.event.get(e, win); + if(this.dom && this.isLabel(e, win, true)) { + this.hide(true); + return; + } + //mouseout canvas + var rt = e.relatedTarget, + canvasWidget = this.canvas.getElement(); + while(rt && rt.parentNode) { + if(canvasWidget == rt.parentNode) return; + rt = rt.parentNode; + } + this.hide(false); + }, + + onMouseOver: function(e, win) { + //mouseover a label + var label; + if(this.dom && (label = this.isLabel(e, win, false))) { + this.node = this.viz.graph.getNode(label.id); + this.config.onShow(this.tip, this.node, label); + } + }, + + onMouseMove: function(e, win, opt) { + if(this.dom && this.isLabel(e, win)) { + this.setTooltipPosition($.event.getPos(e, win)); + } + if(!this.dom) { + var node = opt.getNode(); + if(!node) { + this.hide(true); + return; + } + if(this.config.force || !this.node || this.node.id != node.id) { + this.node = node; + this.config.onShow(this.tip, node, opt.getContains()); + } + this.setTooltipPosition($.event.getPos(e, win)); + } + }, + + setTooltipPosition: function(pos) { + var tip = this.tip, + style = tip.style, + cont = this.config; + style.display = ''; + //get window dimensions + var win = { + 'height': document.body.clientHeight, + 'width': document.body.clientWidth + }; + //get tooltip dimensions + var obj = { + 'width': tip.offsetWidth, + 'height': tip.offsetHeight + }; + //set tooltip position + var x = cont.offsetX, y = cont.offsetY; + style.top = ((pos.y + y + obj.height > win.height)? + (pos.y - obj.height - y) : pos.y + y) + 'px'; + style.left = ((pos.x + obj.width + x > win.width)? + (pos.x - obj.width - x) : pos.x + x) + 'px'; + }, + + hide: function(triggerCallback) { + this.tip.style.display = 'none'; + triggerCallback && this.config.onHide(); + } +}); + +/* + Class: NodeStyles + + Change node styles when clicking or hovering a node. This class is used internally. + + Used by: + + , , , , , , + + See also: + + +*/ +Extras.Classes.NodeStyles = new Class({ + Implements: [ExtrasInitializer, EventsInterface], + + initializePost: function() { + this.fx = this.viz.fx; + this.types = this.viz.fx.nodeTypes; + this.nStyles = this.config; + this.nodeStylesOnHover = this.nStyles.stylesHover; + this.nodeStylesOnClick = this.nStyles.stylesClick; + this.hoveredNode = false; + this.fx.nodeFxAnimation = new Animation(); + + this.down = false; + this.move = false; + }, + + onMouseOut: function(e, win) { + this.down = this.move = false; + if(!this.hoveredNode) return; + //mouseout a label + if(this.dom && this.isLabel(e, win, true)) { + this.toggleStylesOnHover(this.hoveredNode, false); + } + //mouseout canvas + var rt = e.relatedTarget, + canvasWidget = this.canvas.getElement(); + while(rt && rt.parentNode) { + if(canvasWidget == rt.parentNode) return; + rt = rt.parentNode; + } + this.toggleStylesOnHover(this.hoveredNode, false); + this.hoveredNode = false; + }, + + onMouseOver: function(e, win) { + //mouseover a label + var label; + if(this.dom && (label = this.isLabel(e, win, true))) { + var node = this.viz.graph.getNode(label.id); + if(node.selected) return; + this.hoveredNode = node; + this.toggleStylesOnHover(this.hoveredNode, true); + } + }, + + onMouseDown: function(e, win, event, isRightClick) { + if(isRightClick) return; + var label; + if(this.dom && (label = this.isLabel(e, win))) { + this.down = this.viz.graph.getNode(label.id); + } else if(!this.dom) { + this.down = event.getNode(); + } + this.move = false; + }, + + onMouseUp: function(e, win, event, isRightClick) { + if(isRightClick) return; + if(!this.move) { + this.onClick(event.getNode()); + } + this.down = this.move = false; + }, + + getRestoredStyles: function(node, type) { + var restoredStyles = {}, + nStyles = this['nodeStylesOn' + type]; + for(var prop in nStyles) { + restoredStyles[prop] = node.styles['$' + prop]; + } + return restoredStyles; + }, + + toggleStylesOnHover: function(node, set) { + if(this.nodeStylesOnHover) { + this.toggleStylesOn('Hover', node, set); + } + }, + + toggleStylesOnClick: function(node, set) { + if(this.nodeStylesOnClick) { + this.toggleStylesOn('Click', node, set); + } + }, + + toggleStylesOn: function(type, node, set) { + var viz = this.viz; + var nStyles = this.nStyles; + if(set) { + var that = this; + if(!node.styles) { + node.styles = $.merge(node.data, {}); + } + for(var s in this['nodeStylesOn' + type]) { + var $s = '$' + s; + if(!($s in node.styles)) { + node.styles[$s] = node.getData(s); + } + } + viz.fx.nodeFx($.extend({ + 'elements': { + 'id': node.id, + 'properties': that['nodeStylesOn' + type] + }, + transition: Trans.Quart.easeOut, + duration:300, + fps:40 + }, this.config)); + } else { + var restoredStyles = this.getRestoredStyles(node, type); + viz.fx.nodeFx($.extend({ + 'elements': { + 'id': node.id, + 'properties': restoredStyles + }, + transition: Trans.Quart.easeOut, + duration:300, + fps:40 + }, this.config)); + } + }, + + onClick: function(node) { + if(!node) return; + var nStyles = this.nodeStylesOnClick; + if(!nStyles) return; + //if the node is selected then unselect it + if(node.selected) { + this.toggleStylesOnClick(node, false); + delete node.selected; + } else { + //unselect all selected nodes... + this.viz.graph.eachNode(function(n) { + if(n.selected) { + for(var s in nStyles) { + n.setData(s, n.styles['$' + s], 'end'); + } + delete n.selected; + } + }); + //select clicked node + this.toggleStylesOnClick(node, true); + node.selected = true; + delete node.hovered; + this.hoveredNode = false; + } + }, + + onMouseMove: function(e, win, event) { + //if mouse button is down and moving set move=true + if(this.down) this.move = true; + //already handled by mouseover/out + if(this.dom && this.isLabel(e, win)) return; + var nStyles = this.nodeStylesOnHover; + if(!nStyles) return; + + if(!this.dom) { + if(this.hoveredNode) { + var geom = this.types[this.hoveredNode.getData('type')]; + var contains = geom && geom.contains && geom.contains.call(this.fx, + this.hoveredNode, event.getPos()); + if(contains) return; + } + var node = event.getNode(); + //if no node is being hovered then just exit + if(!this.hoveredNode && !node) return; + //if the node is hovered then exit + if(node.hovered) return; + //select hovered node + if(node && !node.selected) { + //check if an animation is running and exit it + this.fx.nodeFxAnimation.stopTimer(); + //unselect all hovered nodes... + this.viz.graph.eachNode(function(n) { + if(n.hovered && !n.selected) { + for(var s in nStyles) { + n.setData(s, n.styles['$' + s], 'end'); + } + delete n.hovered; + } + }); + //select hovered node + node.hovered = true; + this.hoveredNode = node; + this.toggleStylesOnHover(node, true); + } else if(this.hoveredNode && !this.hoveredNode.selected) { + //check if an animation is running and exit it + this.fx.nodeFxAnimation.stopTimer(); + //unselect hovered node + this.toggleStylesOnHover(this.hoveredNode, false); + delete this.hoveredNode.hovered; + this.hoveredNode = false; + } + } + } +}); + +Extras.Classes.Navigation = new Class({ + Implements: [ExtrasInitializer, EventsInterface], + + initializePost: function() { + this.pos = false; + this.pressed = false; + }, + + onMouseWheel: function(e, win, scroll) { + if(!this.config.zooming) return; + $.event.stop($.event.get(e, win)); + var val = this.config.zooming / 1000, + ans = 1 + scroll * val; + this.canvas.scale(ans, ans); + }, + + onMouseDown: function(e, win, eventInfo) { + if(!this.config.panning) return; + if(this.config.panning == 'avoid nodes' && (this.dom? this.isLabel(e, win) : eventInfo.getNode())) return; + this.pressed = true; + this.pos = eventInfo.getPos(); + var canvas = this.canvas, + ox = canvas.translateOffsetX, + oy = canvas.translateOffsetY, + sx = canvas.scaleOffsetX, + sy = canvas.scaleOffsetY; + this.pos.x *= sx; + this.pos.x += ox; + this.pos.y *= sy; + this.pos.y += oy; + }, + + onMouseMove: function(e, win, eventInfo) { + if(!this.config.panning) return; + if(!this.pressed) return; + if(this.config.panning == 'avoid nodes' && (this.dom? this.isLabel(e, win) : eventInfo.getNode())) return; + var thispos = this.pos, + currentPos = eventInfo.getPos(), + canvas = this.canvas, + ox = canvas.translateOffsetX, + oy = canvas.translateOffsetY, + sx = canvas.scaleOffsetX, + sy = canvas.scaleOffsetY; + currentPos.x *= sx; + currentPos.y *= sy; + currentPos.x += ox; + currentPos.y += oy; + var x = currentPos.x - thispos.x, + y = currentPos.y - thispos.y; + this.pos = currentPos; + this.canvas.translate(x * 1/sx, y * 1/sy); + }, + + onMouseUp: function(e, win, eventInfo, isRightClick) { + if(!this.config.panning) return; + this.pressed = false; + } +}); + + +/* + * File: Canvas.js + * + */ + +/* + Class: Canvas + + A canvas widget used by all visualizations. The canvas object can be accessed by doing *viz.canvas*. If you want to + know more about options take a look at . + + A canvas widget is a set of DOM elements that wrap the native canvas DOM Element providing a consistent API and behavior + across all browsers. It can also include Elements to add DOM (SVG or HTML) label support to all visualizations. + + Example: + + Suppose we have this HTML + + (start code xml) +
+ (end code) + + Now we create a new Visualization + + (start code js) + var viz = new $jit.Viz({ + //Where to inject the canvas. Any div container will do. + 'injectInto':'infovis', + //width and height for canvas. + //Default's to the container offsetWidth and Height. + 'width': 900, + 'height':500 + }); + (end code) + + The generated HTML will look like this + + (start code xml) +
+
+ +
+
+
+
+ (end code) + + As you can see, the generated HTML consists of a canvas DOM Element of id *infovis-canvas* and a div label container + of id *infovis-label*, wrapped in a main div container of id *infovis-canvaswidget*. + */ + +var Canvas; +(function() { + //check for native canvas support + var canvasType = typeof HTMLCanvasElement, + supportsCanvas = (canvasType == 'object' || canvasType == 'function'); + //create element function + function $E(tag, props) { + var elem = document.createElement(tag); + for(var p in props) { + if(typeof props[p] == "object") { + $.extend(elem[p], props[p]); + } else { + elem[p] = props[p]; + } + } + if (tag == "canvas" && !supportsCanvas && G_vmlCanvasManager) { + elem = G_vmlCanvasManager.initElement(document.body.appendChild(elem)); + } + return elem; + } + //canvas widget which we will call just Canvas + $jit.Canvas = Canvas = new Class({ + canvases: [], + pos: false, + element: false, + labelContainer: false, + translateOffsetX: 0, + translateOffsetY: 0, + scaleOffsetX: 1, + scaleOffsetY: 1, + + initialize: function(viz, opt) { + this.viz = viz; + this.opt = this.config = opt; + var id = $.type(opt.injectInto) == 'string'? + opt.injectInto:opt.injectInto.id, + type = opt.type, + idLabel = id + "-label", + wrapper = $(id), + width = opt.width || wrapper.offsetWidth, + height = opt.height || wrapper.offsetHeight; + this.id = id; + //canvas options + var canvasOptions = { + injectInto: id, + width: width, + height: height + }; + //create main wrapper + this.element = $E('div', { + 'id': id + '-canvaswidget', + 'style': { + 'position': 'relative', + 'width': width + 'px', + 'height': height + 'px' + } + }); + //create label container + this.labelContainer = this.createLabelContainer(opt.Label.type, + idLabel, canvasOptions); + //create primary canvas + this.canvases.push(new Canvas.Base[type]({ + config: $.extend({idSuffix: '-canvas'}, canvasOptions), + plot: function(base) { + viz.fx.plot(); + }, + resize: function() { + viz.refresh(); + } + })); + //create secondary canvas + var back = opt.background; + if(back) { + var backCanvas = new Canvas.Background[back.type](viz, $.extend(back, canvasOptions)); + this.canvases.push(new Canvas.Base[type](backCanvas)); + } + //insert canvases + var len = this.canvases.length; + while(len--) { + this.element.appendChild(this.canvases[len].canvas); + if(len > 0) { + this.canvases[len].plot(); + } + } + this.element.appendChild(this.labelContainer); + wrapper.appendChild(this.element); + //Update canvas position when the page is scrolled. + var timer = null, that = this; + $.addEvent(window, 'scroll', function() { + clearTimeout(timer); + timer = setTimeout(function() { + that.getPos(true); //update canvas position + }, 500); + }); + }, + /* + Method: getCtx + + Returns the main canvas context object + + Example: + + (start code js) + var ctx = canvas.getCtx(); + //Now I can use the native canvas context + //and for example change some canvas styles + ctx.globalAlpha = 1; + (end code) + */ + getCtx: function(i) { + return this.canvases[i || 0].getCtx(); + }, + /* + Method: getConfig + + Returns the current Configuration for this Canvas Widget. + + Example: + + (start code js) + var config = canvas.getConfig(); + (end code) + */ + getConfig: function() { + return this.opt; + }, + /* + Method: getElement + + Returns the main Canvas DOM wrapper + + Example: + + (start code js) + var wrapper = canvas.getElement(); + //Returns
...
as element + (end code) + */ + getElement: function() { + return this.element; + }, + /* + Method: getSize + + Returns canvas dimensions. + + Returns: + + An object with *width* and *height* properties. + + Example: + (start code js) + canvas.getSize(); //returns { width: 900, height: 500 } + (end code) + */ + getSize: function(i) { + return this.canvases[i || 0].getSize(); + }, + /* + Method: resize + + Resizes the canvas. + + Parameters: + + width - New canvas width. + height - New canvas height. + + Example: + + (start code js) + canvas.resize(width, height); + (end code) + + */ + resize: function(width, height) { + this.getPos(true); + this.translateOffsetX = this.translateOffsetY = 0; + this.scaleOffsetX = this.scaleOffsetY = 1; + for(var i=0, l=this.canvases.length; i class. + * + * Description: + * + * The class, just like the class, is used by the , and as a 2D point representation. + * + * See also: + * + * + * +*/ + +/* + Class: Polar + + A multi purpose polar representation. + + Description: + + The class, just like the class, is used by the , and as a 2D point representation. + + See also: + + + + Parameters: + + theta - An angle. + rho - The norm. +*/ + +var Polar = function(theta, rho) { + this.theta = theta || 0; + this.rho = rho || 0; +}; + +$jit.Polar = Polar; + +Polar.prototype = { + /* + Method: getc + + Returns a complex number. + + Parameters: + + simple - _optional_ If *true*, this method will return only an object holding x and y properties and not a instance. Default's *false*. + + Returns: + + A complex number. + */ + getc: function(simple) { + return this.toComplex(simple); + }, + + /* + Method: getp + + Returns a representation. + + Returns: + + A variable in polar coordinates. + */ + getp: function() { + return this; + }, + + + /* + Method: set + + Sets a number. + + Parameters: + + v - A or instance. + + */ + set: function(v) { + v = v.getp(); + this.theta = v.theta; this.rho = v.rho; + }, + + /* + Method: setc + + Sets a number. + + Parameters: + + x - A number real part. + y - A number imaginary part. + + */ + setc: function(x, y) { + this.rho = Math.sqrt(x * x + y * y); + this.theta = Math.atan2(y, x); + if(this.theta < 0) this.theta += Math.PI * 2; + }, + + /* + Method: setp + + Sets a polar number. + + Parameters: + + theta - A number angle property. + rho - A number rho property. + + */ + setp: function(theta, rho) { + this.theta = theta; + this.rho = rho; + }, + + /* + Method: clone + + Returns a copy of the current object. + + Returns: + + A copy of the real object. + */ + clone: function() { + return new Polar(this.theta, this.rho); + }, + + /* + Method: toComplex + + Translates from polar to cartesian coordinates and returns a new instance. + + Parameters: + + simple - _optional_ If *true* this method will only return an object with x and y properties (and not the whole instance). Default's *false*. + + Returns: + + A new instance. + */ + toComplex: function(simple) { + var x = Math.cos(this.theta) * this.rho; + var y = Math.sin(this.theta) * this.rho; + if(simple) return { 'x': x, 'y': y}; + return new Complex(x, y); + }, + + /* + Method: add + + Adds two instances. + + Parameters: + + polar - A number. + + Returns: + + A new Polar instance. + */ + add: function(polar) { + return new Polar(this.theta + polar.theta, this.rho + polar.rho); + }, + + /* + Method: scale + + Scales a polar norm. + + Parameters: + + number - A scale factor. + + Returns: + + A new Polar instance. + */ + scale: function(number) { + return new Polar(this.theta, this.rho * number); + }, + + /* + Method: equals + + Comparison method. + + Returns *true* if the theta and rho properties are equal. + + Parameters: + + c - A number. + + Returns: + + *true* if the theta and rho parameters for these objects are equal. *false* otherwise. + */ + equals: function(c) { + return this.theta == c.theta && this.rho == c.rho; + }, + + /* + Method: $add + + Adds two instances affecting the current object. + + Paramters: + + polar - A instance. + + Returns: + + The changed object. + */ + $add: function(polar) { + this.theta = this.theta + polar.theta; this.rho += polar.rho; + return this; + }, + + /* + Method: $madd + + Adds two instances affecting the current object. The resulting theta angle is modulo 2pi. + + Parameters: + + polar - A instance. + + Returns: + + The changed object. + */ + $madd: function(polar) { + this.theta = (this.theta + polar.theta) % (Math.PI * 2); this.rho += polar.rho; + return this; + }, + + + /* + Method: $scale + + Scales a polar instance affecting the object. + + Parameters: + + number - A scaling factor. + + Returns: + + The changed object. + */ + $scale: function(number) { + this.rho *= number; + return this; + }, + + /* + Method: isZero + + Returns *true* if the number is zero. + + */ + isZero: function () { + var almostZero = 0.0001, abs = Math.abs; + return abs(this.theta) < almostZero && abs(this.rho) < almostZero; + }, + + /* + Method: interpolate + + Calculates a polar interpolation between two points at a given delta moment. + + Parameters: + + elem - A instance. + delta - A delta factor ranging [0, 1]. + + Returns: + + A new instance representing an interpolation between _this_ and _elem_ + */ + interpolate: function(elem, delta) { + var pi = Math.PI, pi2 = pi * 2; + var ch = function(t) { + var a = (t < 0)? (t % pi2) + pi2 : t % pi2; + return a; + }; + var tt = this.theta, et = elem.theta; + var sum, diff = Math.abs(tt - et); + if(diff == pi) { + if(tt > et) { + sum = ch((et + ((tt - pi2) - et) * delta)) ; + } else { + sum = ch((et - pi2 + (tt - (et)) * delta)); + } + } else if(diff >= pi) { + if(tt > et) { + sum = ch((et + ((tt - pi2) - et) * delta)) ; + } else { + sum = ch((et - pi2 + (tt - (et - pi2)) * delta)); + } + } else { + sum = ch((et + (tt - et) * delta)) ; + } + var r = (this.rho - elem.rho) * delta + elem.rho; + return { + 'theta': sum, + 'rho': r + }; + } +}; + + +var $P = function(a, b) { return new Polar(a, b); }; + +Polar.KER = $P(0, 0); + + + +/* + * File: Complex.js + * + * Defines the class. + * + * Description: + * + * The class, just like the class, is used by the , and as a 2D point representation. + * + * See also: + * + * + * +*/ + +/* + Class: Complex + + A multi-purpose Complex Class with common methods. + + Description: + + The class, just like the class, is used by the , and as a 2D point representation. + + See also: + + + + Parameters: + + x - _optional_ A Complex number real part. + y - _optional_ A Complex number imaginary part. + +*/ + +var Complex = function(x, y) { + this.x = x || 0; + this.y = y || 0; +}; + +$jit.Complex = Complex; + +Complex.prototype = { + /* + Method: getc + + Returns a complex number. + + Returns: + + A complex number. + */ + getc: function() { + return this; + }, + + /* + Method: getp + + Returns a representation of this number. + + Parameters: + + simple - _optional_ If *true*, this method will return only an object holding theta and rho properties and not a instance. Default's *false*. + + Returns: + + A variable in coordinates. + */ + getp: function(simple) { + return this.toPolar(simple); + }, + + + /* + Method: set + + Sets a number. + + Parameters: + + c - A or instance. + + */ + set: function(c) { + c = c.getc(true); + this.x = c.x; + this.y = c.y; + }, + + /* + Method: setc + + Sets a complex number. + + Parameters: + + x - A number Real part. + y - A number Imaginary part. + + */ + setc: function(x, y) { + this.x = x; + this.y = y; + }, + + /* + Method: setp + + Sets a polar number. + + Parameters: + + theta - A number theta property. + rho - A number rho property. + + */ + setp: function(theta, rho) { + this.x = Math.cos(theta) * rho; + this.y = Math.sin(theta) * rho; + }, + + /* + Method: clone + + Returns a copy of the current object. + + Returns: + + A copy of the real object. + */ + clone: function() { + return new Complex(this.x, this.y); + }, + + /* + Method: toPolar + + Transforms cartesian to polar coordinates. + + Parameters: + + simple - _optional_ If *true* this method will only return an object with theta and rho properties (and not the whole instance). Default's *false*. + + Returns: + + A new instance. + */ + + toPolar: function(simple) { + var rho = this.norm(); + var atan = Math.atan2(this.y, this.x); + if(atan < 0) atan += Math.PI * 2; + if(simple) return { 'theta': atan, 'rho': rho }; + return new Polar(atan, rho); + }, + /* + Method: norm + + Calculates a number norm. + + Returns: + + A real number representing the complex norm. + */ + norm: function () { + return Math.sqrt(this.squaredNorm()); + }, + + /* + Method: squaredNorm + + Calculates a number squared norm. + + Returns: + + A real number representing the complex squared norm. + */ + squaredNorm: function () { + return this.x*this.x + this.y*this.y; + }, + + /* + Method: add + + Returns the result of adding two complex numbers. + + Does not alter the original object. + + Parameters: + + pos - A instance. + + Returns: + + The result of adding two complex numbers. + */ + add: function(pos) { + return new Complex(this.x + pos.x, this.y + pos.y); + }, + + /* + Method: prod + + Returns the result of multiplying two numbers. + + Does not alter the original object. + + Parameters: + + pos - A instance. + + Returns: + + The result of multiplying two complex numbers. + */ + prod: function(pos) { + return new Complex(this.x*pos.x - this.y*pos.y, this.y*pos.x + this.x*pos.y); + }, + + /* + Method: conjugate + + Returns the conjugate of this number. + + Does not alter the original object. + + Returns: + + The conjugate of this number. + */ + conjugate: function() { + return new Complex(this.x, -this.y); + }, + + + /* + Method: scale + + Returns the result of scaling a instance. + + Does not alter the original object. + + Parameters: + + factor - A scale factor. + + Returns: + + The result of scaling this complex to a factor. + */ + scale: function(factor) { + return new Complex(this.x * factor, this.y * factor); + }, + + /* + Method: equals + + Comparison method. + + Returns *true* if both real and imaginary parts are equal. + + Parameters: + + c - A instance. + + Returns: + + A boolean instance indicating if both numbers are equal. + */ + equals: function(c) { + return this.x == c.x && this.y == c.y; + }, + + /* + Method: $add + + Returns the result of adding two numbers. + + Alters the original object. + + Parameters: + + pos - A instance. + + Returns: + + The result of adding two complex numbers. + */ + $add: function(pos) { + this.x += pos.x; this.y += pos.y; + return this; + }, + + /* + Method: $prod + + Returns the result of multiplying two numbers. + + Alters the original object. + + Parameters: + + pos - A instance. + + Returns: + + The result of multiplying two complex numbers. + */ + $prod:function(pos) { + var x = this.x, y = this.y; + this.x = x*pos.x - y*pos.y; + this.y = y*pos.x + x*pos.y; + return this; + }, + + /* + Method: $conjugate + + Returns the conjugate for this . + + Alters the original object. + + Returns: + + The conjugate for this complex. + */ + $conjugate: function() { + this.y = -this.y; + return this; + }, + + /* + Method: $scale + + Returns the result of scaling a instance. + + Alters the original object. + + Parameters: + + factor - A scale factor. + + Returns: + + The result of scaling this complex to a factor. + */ + $scale: function(factor) { + this.x *= factor; this.y *= factor; + return this; + }, + + /* + Method: $div + + Returns the division of two numbers. + + Alters the original object. + + Parameters: + + pos - A number. + + Returns: + + The result of scaling this complex to a factor. + */ + $div: function(pos) { + var x = this.x, y = this.y; + var sq = pos.squaredNorm(); + this.x = x * pos.x + y * pos.y; this.y = y * pos.x - x * pos.y; + return this.$scale(1 / sq); + }, + + /* + Method: isZero + + Returns *true* if the number is zero. + + */ + isZero: function () { + var almostZero = 0.0001, abs = Math.abs; + return abs(this.x) < almostZero && abs(this.y) < almostZero; + } +}; + +var $C = function(a, b) { return new Complex(a, b); }; + +Complex.KER = $C(0, 0); + + + +/* + * File: Graph.js + * +*/ + +/* + Class: Graph + + A Graph Class that provides useful manipulation functions. You can find more manipulation methods in the object. + + An instance of this class can be accessed by using the *graph* parameter of any tree or graph visualization. + + Example: + + (start code js) + //create new visualization + var viz = new $jit.Viz(options); + //load JSON data + viz.loadJSON(json); + //access model + viz.graph; // instance + (end code) + + Implements: + + The following methods are implemented in + + - + - + - + - + - + - + - + +*/ + +$jit.Graph = new Class({ + + initialize: function(opt, Node, Edge, Label) { + var innerOptions = { + 'klass': Complex, + 'Node': {} + }; + this.Node = Node; + this.Edge = Edge; + this.Label = Label; + this.opt = $.merge(innerOptions, opt || {}); + this.nodes = {}; + this.edges = {}; + + //add nodeList methods + var that = this; + this.nodeList = {}; + for(var p in Accessors) { + that.nodeList[p] = (function(p) { + return function() { + var args = Array.prototype.slice.call(arguments); + that.eachNode(function(n) { + n[p].apply(n, args); + }); + }; + })(p); + } + + }, + +/* + Method: getNode + + Returns a by *id*. + + Parameters: + + id - (string) A id. + + Example: + + (start code js) + var node = graph.getNode('nodeId'); + (end code) +*/ + getNode: function(id) { + if(this.hasNode(id)) return this.nodes[id]; + return false; + }, + + /* + Method: get + + An alias for . Returns a node by *id*. + + Parameters: + + id - (string) A id. + + Example: + + (start code js) + var node = graph.get('nodeId'); + (end code) +*/ + get: function(id) { + return this.getNode(id); + }, + + /* + Method: getByName + + Returns a by *name*. + + Parameters: + + name - (string) A name. + + Example: + + (start code js) + var node = graph.getByName('someName'); + (end code) + */ + getByName: function(name) { + for(var id in this.nodes) { + var n = this.nodes[id]; + if(n.name == name) return n; + } + return false; + }, + +/* + Method: getAdjacence + + Returns a object connecting nodes with ids *id* and *id2*. + + Parameters: + + id - (string) A id. + id2 - (string) A id. +*/ + getAdjacence: function (id, id2) { + if(id in this.edges) { + return this.edges[id][id2]; + } + return false; + }, + + /* + Method: addNode + + Adds a node. + + Parameters: + + obj - An object with the properties described below + + id - (string) A node id + name - (string) A node's name + data - (object) A node's data hash + + See also: + + + */ + addNode: function(obj) { + if(!this.nodes[obj.id]) { + var edges = this.edges[obj.id] = {}; + this.nodes[obj.id] = new Graph.Node($.extend({ + 'id': obj.id, + 'name': obj.name, + 'data': $.merge(obj.data || {}, {}), + 'adjacencies': edges + }, this.opt.Node), + this.opt.klass, + this.Node, + this.Edge, + this.Label); + } + return this.nodes[obj.id]; + }, + + /* + Method: addAdjacence + + Connects nodes specified by *obj* and *obj2*. If not found, nodes are created. + + Parameters: + + obj - (object) A object. + obj2 - (object) Another object. + data - (object) A data object. Used to store some extra information in the object created. + + See also: + + , + */ + addAdjacence: function (obj, obj2, data) { + if(!this.hasNode(obj.id)) { this.addNode(obj); } + if(!this.hasNode(obj2.id)) { this.addNode(obj2); } + obj = this.nodes[obj.id]; obj2 = this.nodes[obj2.id]; + if(!obj.adjacentTo(obj2)) { + var adjsObj = this.edges[obj.id] = this.edges[obj.id] || {}; + var adjsObj2 = this.edges[obj2.id] = this.edges[obj2.id] || {}; + adjsObj[obj2.id] = adjsObj2[obj.id] = new Graph.Adjacence(obj, obj2, data, this.Edge, this.Label); + return adjsObj[obj2.id]; + } + return this.edges[obj.id][obj2.id]; + }, + + /* + Method: removeNode + + Removes a matching the specified *id*. + + Parameters: + + id - (string) A node's id. + + */ + removeNode: function(id) { + if(this.hasNode(id)) { + delete this.nodes[id]; + var adjs = this.edges[id]; + for(var to in adjs) { + delete this.edges[to][id]; + } + delete this.edges[id]; + } + }, + +/* + Method: removeAdjacence + + Removes a matching *id1* and *id2*. + + Parameters: + + id1 - (string) A id. + id2 - (string) A id. +*/ + removeAdjacence: function(id1, id2) { + delete this.edges[id1][id2]; + delete this.edges[id2][id1]; + }, + + /* + Method: hasNode + + Returns a boolean indicating if the node belongs to the or not. + + Parameters: + + id - (string) Node id. + */ + hasNode: function(id) { + return id in this.nodes; + }, + + /* + Method: empty + + Empties the Graph + + */ + empty: function() { this.nodes = {}; this.edges = {};} + +}); + +var Graph = $jit.Graph; + +/* + Object: Accessors + + Defines a set of methods for data, canvas and label styles manipulation implemented by and instances. + + */ +var Accessors; + +(function () { + var getDataInternal = function(prefix, prop, type, force, prefixConfig) { + var data; + type = type || 'current'; + prefix = "$" + (prefix ? prefix + "-" : ""); + + if(type == 'current') { + data = this.data; + } else if(type == 'start') { + data = this.startData; + } else if(type == 'end') { + data = this.endData; + } + + var dollar = prefix + prop; + + if(force) { + return data[dollar]; + } + + if(!this.Config.overridable) + return prefixConfig[prop] || 0; + + return (dollar in data) ? + data[dollar] : ((dollar in this.data) ? this.data[dollar] : (prefixConfig[prop] || 0)); + } + + var setDataInternal = function(prefix, prop, value, type) { + type = type || 'current'; + prefix = '$' + (prefix ? prefix + '-' : ''); + + var data; + + if(type == 'current') { + data = this.data; + } else if(type == 'start') { + data = this.startData; + } else if(type == 'end') { + data = this.endData; + } + + data[prefix + prop] = value; + } + + var removeDataInternal = function(prefix, properties) { + prefix = '$' + (prefix ? prefix + '-' : ''); + var that = this; + $.each(properties, function(prop) { + var pref = prefix + prop; + delete that.data[pref]; + delete that.endData[pref]; + delete that.startData[pref]; + }); + } + + Accessors = { + /* + Method: getData + + Returns the specified data value property. + This is useful for querying special/reserved data properties + (i.e dollar prefixed properties). + + Parameters: + + prop - (string) The name of the property. The dollar sign is not needed. For + example *getData(width)* will return *data.$width*. + type - (string) The type of the data property queried. Default's "current". You can access *start* and *end* + data properties also. These properties are used when making animations. + force - (boolean) Whether to obtain the true value of the property (equivalent to + *data.$prop*) or to check for *node.overridable = true* first. + + Returns: + + The value of the dollar prefixed property or the global Node/Edge property + value if *overridable=false* + + Example: + (start code js) + node.getData('width'); //will return node.data.$width if Node.overridable=true; + (end code) + */ + getData: function(prop, type, force) { + return getDataInternal.call(this, "", prop, type, force, this.Config); + }, + + + /* + Method: setData + + Sets the current data property with some specific value. + This method is only useful for reserved (dollar prefixed) properties. + + Parameters: + + prop - (string) The name of the property. The dollar sign is not necessary. For + example *setData(width)* will set *data.$width*. + value - (mixed) The value to store. + type - (string) The type of the data property to store. Default's "current" but + can also be "start" or "end". + + Example: + + (start code js) + node.setData('width', 30); + (end code) + + If we were to make an animation of a node/edge width then we could do + + (start code js) + var node = viz.getNode('nodeId'); + //set start and end values + node.setData('width', 10, 'start'); + node.setData('width', 30, 'end'); + //will animate nodes width property + viz.fx.animate({ + modes: ['node-property:width'], + duration: 1000 + }); + (end code) + */ + setData: function(prop, value, type) { + setDataInternal.call(this, "", prop, value, type); + }, + + /* + Method: setDataset + + Convenience method to set multiple data values at once. + + Parameters: + + types - (array|string) A set of 'current', 'end' or 'start' values. + obj - (object) A hash containing the names and values of the properties to be altered. + + Example: + (start code js) + node.setDataset(['current', 'end'], { + 'width': [100, 5], + 'color': ['#fff', '#ccc'] + }); + //...or also + node.setDataset('end', { + 'width': 5, + 'color': '#ccc' + }); + (end code) + + See also: + + + + */ + setDataset: function(types, obj) { + types = $.splat(types); + for(var attr in obj) { + for(var i=0, val = $.splat(obj[attr]), l=types.length; i canvas style data properties (i.e. + dollar prefixed properties that match with $canvas-). + + Parameters: + + prop - (string) The name of the property. The dollar sign is not needed. For + example *getCanvasStyle(shadowBlur)* will return *data[$canvas-shadowBlur]*. + type - (string) The type of the data property queried. Default's *current*. You can access *start* and *end* + data properties also. + + Example: + (start code js) + node.getCanvasStyle('shadowBlur'); + (end code) + + See also: + + + */ + getCanvasStyle: function(prop, type, force) { + return getDataInternal.call( + this, 'canvas', prop, type, force, this.Config.CanvasStyles); + }, + + /* + Method: setCanvasStyle + + Sets the canvas style data property with some specific value. + This method is only useful for reserved (dollar prefixed) properties. + + Parameters: + + prop - (string) Name of the property. Can be any canvas property like 'shadowBlur', 'shadowColor', 'strokeStyle', etc. + value - (mixed) The value to set to the property. + type - (string) Default's *current*. Whether to set *start*, *current* or *end* type properties. + + Example: + + (start code js) + node.setCanvasStyle('shadowBlur', 30); + (end code) + + If we were to make an animation of a node/edge shadowBlur canvas style then we could do + + (start code js) + var node = viz.getNode('nodeId'); + //set start and end values + node.setCanvasStyle('shadowBlur', 10, 'start'); + node.setCanvasStyle('shadowBlur', 30, 'end'); + //will animate nodes canvas style property for nodes + viz.fx.animate({ + modes: ['node-style:shadowBlur'], + duration: 1000 + }); + (end code) + + See also: + + . + */ + setCanvasStyle: function(prop, value, type) { + setDataInternal.call(this, 'canvas', prop, value, type); + }, + + /* + Method: setCanvasStyles + + Convenience method to set multiple styles at once. + + Parameters: + + types - (array|string) A set of 'current', 'end' or 'start' values. + obj - (object) A hash containing the names and values of the properties to be altered. + + See also: + + . + */ + setCanvasStyles: function(types, obj) { + types = $.splat(types); + for(var attr in obj) { + for(var i=0, val = $.splat(obj[attr]), l=types.length; i. + */ + removeCanvasStyle: function() { + removeDataInternal.call(this, 'canvas', Array.prototype.slice.call(arguments)); + }, + + /* + Method: getLabelData + + Returns the specified label data value property. This is useful for + querying special/reserved label options (i.e. + dollar prefixed properties that match with $label-). + + Parameters: + + prop - (string) The name of the property. The dollar sign prefix is not needed. For + example *getLabelData(size)* will return *data[$label-size]*. + type - (string) The type of the data property queried. Default's *current*. You can access *start* and *end* + data properties also. + + See also: + + . + */ + getLabelData: function(prop, type, force) { + return getDataInternal.call( + this, 'label', prop, type, force, this.Label); + }, + + /* + Method: setLabelData + + Sets the current label data with some specific value. + This method is only useful for reserved (dollar prefixed) properties. + + Parameters: + + prop - (string) Name of the property. Can be any canvas property like 'shadowBlur', 'shadowColor', 'strokeStyle', etc. + value - (mixed) The value to set to the property. + type - (string) Default's *current*. Whether to set *start*, *current* or *end* type properties. + + Example: + + (start code js) + node.setLabelData('size', 30); + (end code) + + If we were to make an animation of a node label size then we could do + + (start code js) + var node = viz.getNode('nodeId'); + //set start and end values + node.setLabelData('size', 10, 'start'); + node.setLabelData('size', 30, 'end'); + //will animate nodes label size + viz.fx.animate({ + modes: ['label-property:size'], + duration: 1000 + }); + (end code) + + See also: + + . + */ + setLabelData: function(prop, value, type) { + setDataInternal.call(this, 'label', prop, value, type); + }, + + /* + Method: setLabelDataset + + Convenience function to set multiple label data at once. + + Parameters: + + types - (array|string) A set of 'current', 'end' or 'start' values. + obj - (object) A hash containing the names and values of the properties to be altered. + + See also: + + . + */ + setLabelDataset: function(types, obj) { + types = $.splat(types); + for(var attr in obj) { + for(var i=0, val = $.splat(obj[attr]), l=types.length; i. + */ + removeLabelData: function() { + removeDataInternal.call(this, 'label', Array.prototype.slice.call(arguments)); + } + }; +})(); + +/* + Class: Graph.Node + + A node. + + Implements: + + methods. + + The following methods are implemented by + + - + - + - + - + - + - + - + - +*/ +Graph.Node = new Class({ + + initialize: function(opt, klass, Node, Edge, Label) { + var innerOptions = { + 'id': '', + 'name': '', + 'data': {}, + 'startData': {}, + 'endData': {}, + 'adjacencies': {}, + + 'selected': false, + 'drawn': false, + 'exist': false, + + 'angleSpan': { + 'begin': 0, + 'end' : 0 + }, + + 'pos': new klass, + 'startPos': new klass, + 'endPos': new klass + }; + + $.extend(this, $.extend(innerOptions, opt)); + this.Config = this.Node = Node; + this.Edge = Edge; + this.Label = Label; + }, + + /* + Method: adjacentTo + + Indicates if the node is adjacent to the node specified by id + + Parameters: + + id - (string) A node id. + + Example: + (start code js) + node.adjacentTo('nodeId') == true; + (end code) + */ + adjacentTo: function(node) { + return node.id in this.adjacencies; + }, + + /* + Method: getAdjacency + + Returns a object connecting the current and the node having *id* as id. + + Parameters: + + id - (string) A node id. + */ + getAdjacency: function(id) { + return this.adjacencies[id]; + }, + + /* + Method: getPos + + Returns the position of the node. + + Parameters: + + type - (string) Default's *current*. Possible values are "start", "end" or "current". + + Returns: + + A or instance. + + Example: + (start code js) + var pos = node.getPos('end'); + (end code) + */ + getPos: function(type) { + type = type || "current"; + if(type == "current") { + return this.pos; + } else if(type == "end") { + return this.endPos; + } else if(type == "start") { + return this.startPos; + } + }, + /* + Method: setPos + + Sets the node's position. + + Parameters: + + value - (object) A or instance. + type - (string) Default's *current*. Possible values are "start", "end" or "current". + + Example: + (start code js) + node.setPos(new $jit.Complex(0, 0), 'end'); + (end code) + */ + setPos: function(value, type) { + type = type || "current"; + var pos; + if(type == "current") { + pos = this.pos; + } else if(type == "end") { + pos = this.endPos; + } else if(type == "start") { + pos = this.startPos; + } + pos.set(value); + } +}); + +Graph.Node.implement(Accessors); + +/* + Class: Graph.Adjacence + + A adjacence (or edge) connecting two . + + Implements: + + methods. + + See also: + + , + + Properties: + + nodeFrom - A connected by this edge. + nodeTo - Another connected by this edge. + data - Node data property containing a hash (i.e {}) with custom options. +*/ +Graph.Adjacence = new Class({ + + initialize: function(nodeFrom, nodeTo, data, Edge, Label) { + this.nodeFrom = nodeFrom; + this.nodeTo = nodeTo; + this.data = data || {}; + this.startData = {}; + this.endData = {}; + this.Config = this.Edge = Edge; + this.Label = Label; + } +}); + +Graph.Adjacence.implement(Accessors); + +/* + Object: Graph.Util + + traversal and processing utility object. + + Note: + + For your convenience some of these methods have also been appended to and classes. +*/ +Graph.Util = { + /* + filter + + For internal use only. Provides a filtering function based on flags. + */ + filter: function(param) { + if(!param || !($.type(param) == 'string')) return function() { return true; }; + var props = param.split(" "); + return function(elem) { + for(var i=0; i by *id*. + + Also implemented by: + + + + Parameters: + + graph - (object) A instance. + id - (string) A id. + + Example: + + (start code js) + $jit.Graph.Util.getNode(graph, 'nodeid'); + //or... + graph.getNode('nodeid'); + (end code) + */ + getNode: function(graph, id) { + return graph.nodes[id]; + }, + + /* + Method: eachNode + + Iterates over nodes performing an *action*. + + Also implemented by: + + . + + Parameters: + + graph - (object) A instance. + action - (function) A callback function having a as first formal parameter. + + Example: + (start code js) + $jit.Graph.Util.eachNode(graph, function(node) { + alert(node.name); + }); + //or... + graph.eachNode(function(node) { + alert(node.name); + }); + (end code) + */ + eachNode: function(graph, action, flags) { + var filter = this.filter(flags); + for(var i in graph.nodes) { + if(filter(graph.nodes[i])) action(graph.nodes[i]); + } + }, + + /* + Method: each + + Iterates over nodes performing an *action*. It's an alias for . + + Also implemented by: + + . + + Parameters: + + graph - (object) A instance. + action - (function) A callback function having a as first formal parameter. + + Example: + (start code js) + $jit.Graph.Util.each(graph, function(node) { + alert(node.name); + }); + //or... + graph.each(function(node) { + alert(node.name); + }); + (end code) + */ + each: function(graph, action, flags) { + this.eachNode(graph, action, flags); + }, + + /* + Method: eachAdjacency + + Iterates over adjacencies applying the *action* function. + + Also implemented by: + + . + + Parameters: + + node - (object) A . + action - (function) A callback function having as first formal parameter. + + Example: + (start code js) + $jit.Graph.Util.eachAdjacency(node, function(adj) { + alert(adj.nodeTo.name); + }); + //or... + node.eachAdjacency(function(adj) { + alert(adj.nodeTo.name); + }); + (end code) + */ + eachAdjacency: function(node, action, flags) { + var adj = node.adjacencies, filter = this.filter(flags); + for(var id in adj) { + var a = adj[id]; + if(filter(a)) { + if(a.nodeFrom != node) { + var tmp = a.nodeFrom; + a.nodeFrom = a.nodeTo; + a.nodeTo = tmp; + } + action(a, id); + } + } + }, + + /* + Method: computeLevels + + Performs a BFS traversal setting the correct depth for each node. + + Also implemented by: + + . + + Note: + + The depth of each node can then be accessed by + >node._depth + + Parameters: + + graph - (object) A . + id - (string) A starting node id for the BFS traversal. + startDepth - (optional|number) A minimum depth value. Default's 0. + + */ + computeLevels: function(graph, id, startDepth, flags) { + startDepth = startDepth || 0; + var filter = this.filter(flags); + this.eachNode(graph, function(elem) { + elem._flag = false; + elem._depth = -1; + }, flags); + var root = graph.getNode(id); + root._depth = startDepth; + var queue = [root]; + while(queue.length != 0) { + var node = queue.pop(); + node._flag = true; + this.eachAdjacency(node, function(adj) { + var n = adj.nodeTo; + if(n._flag == false && filter(n)) { + if(n._depth < 0) n._depth = node._depth + 1 + startDepth; + queue.unshift(n); + } + }, flags); + } + }, + + /* + Method: eachBFS + + Performs a BFS traversal applying *action* to each . + + Also implemented by: + + . + + Parameters: + + graph - (object) A . + id - (string) A starting node id for the BFS traversal. + action - (function) A callback function having a as first formal parameter. + + Example: + (start code js) + $jit.Graph.Util.eachBFS(graph, 'mynodeid', function(node) { + alert(node.name); + }); + //or... + graph.eachBFS('mynodeid', function(node) { + alert(node.name); + }); + (end code) + */ + eachBFS: function(graph, id, action, flags) { + var filter = this.filter(flags); + this.clean(graph); + var queue = [graph.getNode(id)]; + while(queue.length != 0) { + var node = queue.pop(); + node._flag = true; + action(node, node._depth); + this.eachAdjacency(node, function(adj) { + var n = adj.nodeTo; + if(n._flag == false && filter(n)) { + n._flag = true; + queue.unshift(n); + } + }, flags); + } + }, + + /* + Method: eachLevel + + Iterates over a node's subgraph applying *action* to the nodes of relative depth between *levelBegin* and *levelEnd*. + + Also implemented by: + + . + + Parameters: + + node - (object) A . + levelBegin - (number) A relative level value. + levelEnd - (number) A relative level value. + action - (function) A callback function having a as first formal parameter. + + */ + eachLevel: function(node, levelBegin, levelEnd, action, flags) { + var d = node._depth, filter = this.filter(flags), that = this; + levelEnd = levelEnd === false? Number.MAX_VALUE -d : levelEnd; + (function loopLevel(node, levelBegin, levelEnd) { + var d = node._depth; + if(d >= levelBegin && d <= levelEnd && filter(node)) action(node, d); + if(d < levelEnd) { + that.eachAdjacency(node, function(adj) { + var n = adj.nodeTo; + if(n._depth > d) loopLevel(n, levelBegin, levelEnd); + }); + } + })(node, levelBegin + d, levelEnd + d); + }, + + /* + Method: eachSubgraph + + Iterates over a node's children recursively. + + Also implemented by: + + . + + Parameters: + node - (object) A . + action - (function) A callback function having a as first formal parameter. + + Example: + (start code js) + $jit.Graph.Util.eachSubgraph(node, function(node) { + alert(node.name); + }); + //or... + node.eachSubgraph(function(node) { + alert(node.name); + }); + (end code) + */ + eachSubgraph: function(node, action, flags) { + this.eachLevel(node, 0, false, action, flags); + }, + + /* + Method: eachSubnode + + Iterates over a node's children (without deeper recursion). + + Also implemented by: + + . + + Parameters: + node - (object) A . + action - (function) A callback function having a as first formal parameter. + + Example: + (start code js) + $jit.Graph.Util.eachSubnode(node, function(node) { + alert(node.name); + }); + //or... + node.eachSubnode(function(node) { + alert(node.name); + }); + (end code) + */ + eachSubnode: function(node, action, flags) { + this.eachLevel(node, 1, 1, action, flags); + }, + + /* + Method: anySubnode + + Returns *true* if any subnode matches the given condition. + + Also implemented by: + + . + + Parameters: + node - (object) A . + cond - (function) A callback function returning a Boolean instance. This function has as first formal parameter a . + + Example: + (start code js) + $jit.Graph.Util.anySubnode(node, function(node) { return node.name == "mynodename"; }); + //or... + node.anySubnode(function(node) { return node.name == 'mynodename'; }); + (end code) + */ + anySubnode: function(node, cond, flags) { + var flag = false; + cond = cond || $.lambda(true); + var c = $.type(cond) == 'string'? function(n) { return n[cond]; } : cond; + this.eachSubnode(node, function(elem) { + if(c(elem)) flag = true; + }, flags); + return flag; + }, + + /* + Method: getSubnodes + + Collects all subnodes for a specified node. + The *level* parameter filters nodes having relative depth of *level* from the root node. + + Also implemented by: + + . + + Parameters: + node - (object) A . + level - (optional|number) Default's *0*. A starting relative depth for collecting nodes. + + Returns: + An array of nodes. + + */ + getSubnodes: function(node, level, flags) { + var ans = [], that = this; + level = level || 0; + var levelStart, levelEnd; + if($.type(level) == 'array') { + levelStart = level[0]; + levelEnd = level[1]; + } else { + levelStart = level; + levelEnd = Number.MAX_VALUE - node._depth; + } + this.eachLevel(node, levelStart, levelEnd, function(n) { + ans.push(n); + }, flags); + return ans; + }, + + + /* + Method: getParents + + Returns an Array of which are parents of the given node. + + Also implemented by: + + . + + Parameters: + node - (object) A . + + Returns: + An Array of . + + Example: + (start code js) + var pars = $jit.Graph.Util.getParents(node); + //or... + var pars = node.getParents(); + + if(pars.length > 0) { + //do stuff with parents + } + (end code) + */ + getParents: function(node) { + var ans = []; + this.eachAdjacency(node, function(adj) { + var n = adj.nodeTo; + if(n._depth < node._depth) ans.push(n); + }); + return ans; + }, + + /* + Method: isDescendantOf + + Returns a boolean indicating if some node is descendant of the node with the given id. + + Also implemented by: + + . + + + Parameters: + node - (object) A . + id - (string) A id. + + Example: + (start code js) + $jit.Graph.Util.isDescendantOf(node, "nodeid"); //true|false + //or... + node.isDescendantOf('nodeid');//true|false + (end code) + */ + isDescendantOf: function(node, id) { + if(node.id == id) return true; + var pars = this.getParents(node), ans = false; + for ( var i = 0; !ans && i < pars.length; i++) { + ans = ans || this.isDescendantOf(pars[i], id); + } + return ans; + }, + + /* + Method: clean + + Cleans flags from nodes. + + Also implemented by: + + . + + Parameters: + graph - A instance. + */ + clean: function(graph) { this.eachNode(graph, function(elem) { elem._flag = false; }); }, + + /* + Method: getClosestNodeToOrigin + + Returns the closest node to the center of canvas. + + Also implemented by: + + . + + Parameters: + + graph - (object) A instance. + prop - (optional|string) Default's 'current'. A position property. Possible properties are 'start', 'current' or 'end'. + + */ + getClosestNodeToOrigin: function(graph, prop, flags) { + return this.getClosestNodeToPos(graph, Polar.KER, prop, flags); + }, + + /* + Method: getClosestNodeToPos + + Returns the closest node to the given position. + + Also implemented by: + + . + + Parameters: + + graph - (object) A instance. + pos - (object) A or instance. + prop - (optional|string) Default's *current*. A position property. Possible properties are 'start', 'current' or 'end'. + + */ + getClosestNodeToPos: function(graph, pos, prop, flags) { + var node = null; + prop = prop || 'current'; + pos = pos && pos.getc(true) || Complex.KER; + var distance = function(a, b) { + var d1 = a.x - b.x, d2 = a.y - b.y; + return d1 * d1 + d2 * d2; + }; + this.eachNode(graph, function(elem) { + node = (node == null || distance(elem.getPos(prop).getc(true), pos) < distance( + node.getPos(prop).getc(true), pos)) ? elem : node; + }, flags); + return node; + } +}; + +//Append graph methods to +$.each(['get', 'getNode', 'each', 'eachNode', 'computeLevels', 'eachBFS', 'clean', 'getClosestNodeToPos', 'getClosestNodeToOrigin'], function(m) { + Graph.prototype[m] = function() { + return Graph.Util[m].apply(Graph.Util, [this].concat(Array.prototype.slice.call(arguments))); + }; +}); + +//Append node methods to +$.each(['eachAdjacency', 'eachLevel', 'eachSubgraph', 'eachSubnode', 'anySubnode', 'getSubnodes', 'getParents', 'isDescendantOf'], function(m) { + Graph.Node.prototype[m] = function() { + return Graph.Util[m].apply(Graph.Util, [this].concat(Array.prototype.slice.call(arguments))); + }; +}); + +/* + * File: Graph.Op.js + * +*/ + +/* + Object: Graph.Op + + Perform operations like adding/removing or , + morphing a into another , contracting or expanding subtrees, etc. + +*/ +Graph.Op = { + + options: { + type: 'nothing', + duration: 2000, + hideLabels: true, + fps:30 + }, + + initialize: function(viz) { + this.viz = viz; + }, + + /* + Method: removeNode + + Removes one or more from the visualization. + It can also perform several animations like fading sequentially, fading concurrently, iterating or replotting. + + Parameters: + + node - (string|array) The node's id. Can also be an array having many ids. + opt - (object) Animation options. It's an object with optional properties described below + type - (string) Default's *nothing*. Type of the animation. Can be "nothing", "replot", "fade:seq", "fade:con" or "iter". + duration - Described in . + fps - Described in . + transition - Described in . + hideLabels - (boolean) Default's *true*. Hide labels during the animation. + + Example: + (start code js) + var viz = new $jit.Viz(options); + viz.op.removeNode('nodeId', { + type: 'fade:seq', + duration: 1000, + hideLabels: false, + transition: $jit.Trans.Quart.easeOut + }); + //or also + viz.op.removeNode(['someId', 'otherId'], { + type: 'fade:con', + duration: 1500 + }); + (end code) + */ + + removeNode: function(node, opt) { + var viz = this.viz; + var options = $.merge(this.options, viz.controller, opt); + var n = $.splat(node); + var i, that, nodeObj; + switch(options.type) { + case 'nothing': + for(i=0; i from the visualization. + It can also perform several animations like fading sequentially, fading concurrently, iterating or replotting. + + Parameters: + + vertex - (array) An array having two strings which are the ids of the nodes connected by this edge (i.e ['id1', 'id2']). Can also be a two dimensional array holding many edges (i.e [['id1', 'id2'], ['id3', 'id4'], ...]). + opt - (object) Animation options. It's an object with optional properties described below + type - (string) Default's *nothing*. Type of the animation. Can be "nothing", "replot", "fade:seq", "fade:con" or "iter". + duration - Described in . + fps - Described in . + transition - Described in . + hideLabels - (boolean) Default's *true*. Hide labels during the animation. + + Example: + (start code js) + var viz = new $jit.Viz(options); + viz.op.removeEdge(['nodeId', 'otherId'], { + type: 'fade:seq', + duration: 1000, + hideLabels: false, + transition: $jit.Trans.Quart.easeOut + }); + //or also + viz.op.removeEdge([['someId', 'otherId'], ['id3', 'id4']], { + type: 'fade:con', + duration: 1500 + }); + (end code) + + */ + removeEdge: function(vertex, opt) { + var viz = this.viz; + var options = $.merge(this.options, viz.controller, opt); + var v = ($.type(vertex[0]) == 'string')? [vertex] : vertex; + var i, that, adj; + switch(options.type) { + case 'nothing': + for(i=0; i + + Parameters: + + json - (object) A json tree or graph structure. See also . + opt - (object) Animation options. It's an object with optional properties described below + type - (string) Default's *nothing*. Type of the animation. Can be "nothing", "replot", "fade:seq", "fade:con". + duration - Described in . + fps - Described in . + transition - Described in . + hideLabels - (boolean) Default's *true*. Hide labels during the animation. + + Example: + (start code js) + //...json contains a tree or graph structure... + + var viz = new $jit.Viz(options); + viz.op.sum(json, { + type: 'fade:seq', + duration: 1000, + hideLabels: false, + transition: $jit.Trans.Quart.easeOut + }); + //or also + viz.op.sum(json, { + type: 'fade:con', + duration: 1500 + }); + (end code) + + */ + sum: function(json, opt) { + var viz = this.viz; + var options = $.merge(this.options, viz.controller, opt), root = viz.root; + var graph; + viz.root = opt.id || viz.root; + switch(options.type) { + case 'nothing': + graph = viz.construct(json); + graph.eachNode(function(elem) { + elem.eachAdjacency(function(adj) { + viz.graph.addAdjacence(adj.nodeFrom, adj.nodeTo, adj.data); + }); + }); + break; + + case 'replot': + viz.refresh(true); + this.sum(json, { type: 'nothing' }); + viz.refresh(true); + break; + + case 'fade:seq': case 'fade': case 'fade:con': + that = this; + graph = viz.construct(json); + + //set alpha to 0 for nodes to add. + var fadeEdges = this.preprocessSum(graph); + var modes = !fadeEdges? ['node-property:alpha'] : ['node-property:alpha', 'edge-property:alpha']; + viz.reposition(); + if(options.type != 'fade:con') { + viz.fx.animate($.merge(options, { + modes: ['linear'], + onComplete: function() { + viz.fx.animate($.merge(options, { + modes: modes, + onComplete: function() { + options.onComplete(); + } + })); + } + })); + } else { + viz.graph.eachNode(function(elem) { + if (elem.id != root && elem.pos.isZero()) { + elem.pos.set(elem.endPos); + elem.startPos.set(elem.endPos); + } + }); + viz.fx.animate($.merge(options, { + modes: ['linear'].concat(modes) + })); + } + break; + + default: this.doError(); + } + }, + + /* + Method: morph + + This method will transform the current visualized graph into the new JSON representation passed in the method. + The JSON object must at least have the root node in common with the current visualized graph. + + Parameters: + + json - (object) A json tree or graph structure. See also . + opt - (object) Animation options. It's an object with optional properties described below + type - (string) Default's *nothing*. Type of the animation. Can be "nothing", "replot", "fade:con". + duration - Described in . + fps - Described in . + transition - Described in . + hideLabels - (boolean) Default's *true*. Hide labels during the animation. + id - (string) The shared id between both graphs. + + extraModes - (optional|object) When morphing with an animation, dollar prefixed data parameters are added to + *endData* and not *data* itself. This way you can animate dollar prefixed parameters during your morphing operation. + For animating these extra-parameters you have to specify an object that has animation groups as keys and animation + properties as values, just like specified in . + + Example: + (start code js) + //...json contains a tree or graph structure... + + var viz = new $jit.Viz(options); + viz.op.morph(json, { + type: 'fade', + duration: 1000, + hideLabels: false, + transition: $jit.Trans.Quart.easeOut + }); + //or also + viz.op.morph(json, { + type: 'fade', + duration: 1500 + }); + //if the json data contains dollar prefixed params + //like $width or $height these too can be animated + viz.op.morph(json, { + type: 'fade', + duration: 1500 + }, { + 'node-property': ['width', 'height'] + }); + (end code) + + */ + morph: function(json, opt, extraModes) { + extraModes = extraModes || {}; + var viz = this.viz; + var options = $.merge(this.options, viz.controller, opt), root = viz.root; + var graph; + //TODO(nico) this hack makes morphing work with the Hypertree. + //Need to check if it has been solved and this can be removed. + viz.root = opt.id || viz.root; + switch(options.type) { + case 'nothing': + graph = viz.construct(json); + graph.eachNode(function(elem) { + var nodeExists = viz.graph.hasNode(elem.id); + elem.eachAdjacency(function(adj) { + var adjExists = !!viz.graph.getAdjacence(adj.nodeFrom.id, adj.nodeTo.id); + viz.graph.addAdjacence(adj.nodeFrom, adj.nodeTo, adj.data); + //Update data properties if the node existed + if(adjExists) { + var addedAdj = viz.graph.getAdjacence(adj.nodeFrom.id, adj.nodeTo.id); + for(var prop in (adj.data || {})) { + addedAdj.data[prop] = adj.data[prop]; + } + } + }); + //Update data properties if the node existed + if(nodeExists) { + var addedNode = viz.graph.getNode(elem.id); + for(var prop in (elem.data || {})) { + addedNode.data[prop] = elem.data[prop]; + } + } + }); + viz.graph.eachNode(function(elem) { + elem.eachAdjacency(function(adj) { + if(!graph.getAdjacence(adj.nodeFrom.id, adj.nodeTo.id)) { + viz.graph.removeAdjacence(adj.nodeFrom.id, adj.nodeTo.id); + } + }); + if(!graph.hasNode(elem.id)) viz.graph.removeNode(elem.id); + }); + + break; + + case 'replot': + viz.labels.clearLabels(true); + this.morph(json, { type: 'nothing' }); + viz.refresh(true); + viz.refresh(true); + break; + + case 'fade:seq': case 'fade': case 'fade:con': + that = this; + graph = viz.construct(json); + //preprocessing for nodes to delete. + //get node property modes to interpolate + var nodeModes = ('node-property' in extraModes) + && $.map($.splat(extraModes['node-property']), + function(n) { return '$' + n; }); + viz.graph.eachNode(function(elem) { + var graphNode = graph.getNode(elem.id); + if(!graphNode) { + elem.setData('alpha', 1); + elem.setData('alpha', 1, 'start'); + elem.setData('alpha', 0, 'end'); + elem.ignore = true; + } else { + //Update node data information + var graphNodeData = graphNode.data; + for(var prop in graphNodeData) { + if(nodeModes && ($.indexOf(nodeModes, prop) > -1)) { + elem.endData[prop] = graphNodeData[prop]; + } else { + elem.data[prop] = graphNodeData[prop]; + } + } + } + }); + viz.graph.eachNode(function(elem) { + if(elem.ignore) return; + elem.eachAdjacency(function(adj) { + if(adj.nodeFrom.ignore || adj.nodeTo.ignore) return; + var nodeFrom = graph.getNode(adj.nodeFrom.id); + var nodeTo = graph.getNode(adj.nodeTo.id); + if(!nodeFrom.adjacentTo(nodeTo)) { + var adj = viz.graph.getAdjacence(nodeFrom.id, nodeTo.id); + fadeEdges = true; + adj.setData('alpha', 1); + adj.setData('alpha', 1, 'start'); + adj.setData('alpha', 0, 'end'); + } + }); + }); + //preprocessing for adding nodes. + var fadeEdges = this.preprocessSum(graph); + + var modes = !fadeEdges? ['node-property:alpha'] : + ['node-property:alpha', + 'edge-property:alpha']; + //Append extra node-property animations (if any) + modes[0] = modes[0] + (('node-property' in extraModes)? + (':' + $.splat(extraModes['node-property']).join(':')) : ''); + //Append extra edge-property animations (if any) + modes[1] = (modes[1] || 'edge-property:alpha') + (('edge-property' in extraModes)? + (':' + $.splat(extraModes['edge-property']).join(':')) : ''); + //Add label-property animations (if any) + if('label-property' in extraModes) { + modes.push('label-property:' + $.splat(extraModes['label-property']).join(':')) + } + //only use reposition if its implemented. + if (viz.reposition) { + viz.reposition(); + } else { + viz.compute('end'); + } + viz.graph.eachNode(function(elem) { + if (elem.id != root && elem.pos.getp().equals(Polar.KER)) { + elem.pos.set(elem.endPos); elem.startPos.set(elem.endPos); + } + }); + viz.fx.animate($.merge(options, { + modes: [extraModes.position || 'polar'].concat(modes), + onComplete: function() { + viz.graph.eachNode(function(elem) { + if(elem.ignore) viz.graph.removeNode(elem.id); + }); + viz.graph.eachNode(function(elem) { + elem.eachAdjacency(function(adj) { + if(adj.ignore) viz.graph.removeAdjacence(adj.nodeFrom.id, adj.nodeTo.id); + }); + }); + options.onComplete(); + } + })); + break; + + default:; + } + }, + + + /* + Method: contract + + Collapses the subtree of the given node. The node will have a _collapsed=true_ property. + + Parameters: + + node - (object) A . + opt - (object) An object containing options described below + type - (string) Whether to 'replot' or 'animate' the contraction. + + There are also a number of Animation options. For more information see . + + Example: + (start code js) + var viz = new $jit.Viz(options); + viz.op.contract(node, { + type: 'animate', + duration: 1000, + hideLabels: true, + transition: $jit.Trans.Quart.easeOut + }); + (end code) + + */ + contract: function(node, opt) { + var viz = this.viz; + if(node.collapsed || !node.anySubnode($.lambda(true))) return; + opt = $.merge(this.options, viz.config, opt || {}, { + 'modes': ['node-property:alpha:span', 'linear'] + }); + node.collapsed = true; + (function subn(n) { + n.eachSubnode(function(ch) { + ch.ignore = true; + ch.setData('alpha', 0, opt.type == 'animate'? 'end' : 'current'); + subn(ch); + }); + })(node); + if(opt.type == 'animate') { + viz.compute('end'); + if(viz.rotated) { + viz.rotate(viz.rotated, 'none', { + 'property':'end' + }); + } + (function subn(n) { + n.eachSubnode(function(ch) { + ch.setPos(node.getPos('end'), 'end'); + subn(ch); + }); + })(node); + viz.fx.animate(opt); + } else if(opt.type == 'replot'){ + viz.refresh(); + } + }, + + /* + Method: expand + + Expands the previously contracted subtree. The given node must have the _collapsed=true_ property. + + Parameters: + + node - (object) A . + opt - (object) An object containing options described below + type - (string) Whether to 'replot' or 'animate'. + + There are also a number of Animation options. For more information see . + + Example: + (start code js) + var viz = new $jit.Viz(options); + viz.op.expand(node, { + type: 'animate', + duration: 1000, + hideLabels: true, + transition: $jit.Trans.Quart.easeOut + }); + (end code) + + */ + expand: function(node, opt) { + if(!('collapsed' in node)) return; + var viz = this.viz; + opt = $.merge(this.options, viz.config, opt || {}, { + 'modes': ['node-property:alpha:span', 'linear'] + }); + delete node.collapsed; + (function subn(n) { + n.eachSubnode(function(ch) { + delete ch.ignore; + ch.setData('alpha', 1, opt.type == 'animate'? 'end' : 'current'); + subn(ch); + }); + })(node); + if(opt.type == 'animate') { + viz.compute('end'); + if(viz.rotated) { + viz.rotate(viz.rotated, 'none', { + 'property':'end' + }); + } + viz.fx.animate(opt); + } else if(opt.type == 'replot'){ + viz.refresh(); + } + }, + + preprocessSum: function(graph) { + var viz = this.viz; + graph.eachNode(function(elem) { + if(!viz.graph.hasNode(elem.id)) { + viz.graph.addNode(elem); + var n = viz.graph.getNode(elem.id); + n.setData('alpha', 0); + n.setData('alpha', 0, 'start'); + n.setData('alpha', 1, 'end'); + } + }); + var fadeEdges = false; + graph.eachNode(function(elem) { + elem.eachAdjacency(function(adj) { + var nodeFrom = viz.graph.getNode(adj.nodeFrom.id); + var nodeTo = viz.graph.getNode(adj.nodeTo.id); + if(!nodeFrom.adjacentTo(nodeTo)) { + var adj = viz.graph.addAdjacence(nodeFrom, nodeTo, adj.data); + if(nodeFrom.startAlpha == nodeFrom.endAlpha + && nodeTo.startAlpha == nodeTo.endAlpha) { + fadeEdges = true; + adj.setData('alpha', 0); + adj.setData('alpha', 0, 'start'); + adj.setData('alpha', 1, 'end'); + } + } + }); + }); + return fadeEdges; + } +}; + + + +/* + File: Helpers.js + + Helpers are objects that contain rendering primitives (like rectangles, ellipses, etc), for plotting nodes and edges. + Helpers also contain implementations of the *contains* method, a method returning a boolean indicating whether the mouse + position is over the rendered shape. + + Helpers are very useful when implementing new NodeTypes, since you can access them through *this.nodeHelper* and + *this.edgeHelper* properties, providing you with simple primitives and mouse-position check functions. + + Example: + (start code js) + //implement a new node type + $jit.Viz.Plot.NodeTypes.implement({ + 'customNodeType': { + 'render': function(node, canvas) { + this.nodeHelper.circle.render ... + }, + 'contains': function(node, pos) { + this.nodeHelper.circle.contains ... + } + } + }); + //implement an edge type + $jit.Viz.Plot.EdgeTypes.implement({ + 'customNodeType': { + 'render': function(node, canvas) { + this.edgeHelper.circle.render ... + }, + //optional + 'contains': function(node, pos) { + this.edgeHelper.circle.contains ... + } + } + }); + (end code) + +*/ + +/* + Object: NodeHelper + + Contains rendering and other type of primitives for simple shapes. + */ +var NodeHelper = { + 'none': { + 'render': $.empty, + 'contains': $.lambda(false) + }, + /* + Object: NodeHelper.circle + */ + 'circle': { + /* + Method: render + + Renders a circle into the canvas. + + Parameters: + + type - (string) Possible options are 'fill' or 'stroke'. + pos - (object) An *x*, *y* object with the position of the center of the circle. + radius - (number) The radius of the circle to be rendered. + canvas - (object) A instance. + + Example: + (start code js) + NodeHelper.circle.render('fill', { x: 10, y: 30 }, 30, viz.canvas); + (end code) + */ + 'render': function(type, pos, radius, canvas){ + var ctx = canvas.getCtx(); + ctx.beginPath(); + ctx.arc(pos.x, pos.y, radius, 0, Math.PI * 2, true); + ctx.closePath(); + ctx[type](); + }, + /* + Method: contains + + Returns *true* if *pos* is contained in the area of the shape. Returns *false* otherwise. + + Parameters: + + npos - (object) An *x*, *y* object with the position. + pos - (object) An *x*, *y* object with the position to check. + radius - (number) The radius of the rendered circle. + + Example: + (start code js) + NodeHelper.circle.contains({ x: 10, y: 30 }, { x: 15, y: 35 }, 30); //true + (end code) + */ + 'contains': function(npos, pos, radius){ + var diffx = npos.x - pos.x, + diffy = npos.y - pos.y, + diff = diffx * diffx + diffy * diffy; + return diff <= radius * radius; + } + }, + /* + Object: NodeHelper.ellipse + */ + 'ellipse': { + /* + Method: render + + Renders an ellipse into the canvas. + + Parameters: + + type - (string) Possible options are 'fill' or 'stroke'. + pos - (object) An *x*, *y* object with the position of the center of the ellipse. + width - (number) The width of the ellipse. + height - (number) The height of the ellipse. + canvas - (object) A instance. + + Example: + (start code js) + NodeHelper.ellipse.render('fill', { x: 10, y: 30 }, 30, 40, viz.canvas); + (end code) + */ + 'render': function(type, pos, width, height, canvas){ + var ctx = canvas.getCtx(), + scalex = 1, + scaley = 1, + scaleposx = 1, + scaleposy = 1, + radius = 0; + + if (width > height) { + radius = width / 2; + scaley = height / width; + scaleposy = width / height; + } else { + radius = height / 2; + scalex = width / height; + scaleposx = height / width; + } + + ctx.save(); + ctx.scale(scalex, scaley); + ctx.beginPath(); + ctx.arc(pos.x * scaleposx, pos.y * scaleposy, radius, 0, Math.PI * 2, true); + ctx.closePath(); + ctx[type](); + ctx.restore(); + }, + /* + Method: contains + + Returns *true* if *pos* is contained in the area of the shape. Returns *false* otherwise. + + Parameters: + + npos - (object) An *x*, *y* object with the position. + pos - (object) An *x*, *y* object with the position to check. + width - (number) The width of the rendered ellipse. + height - (number) The height of the rendered ellipse. + + Example: + (start code js) + NodeHelper.ellipse.contains({ x: 10, y: 30 }, { x: 15, y: 35 }, 30, 40); + (end code) + */ + 'contains': function(npos, pos, width, height){ + var radius = 0, + scalex = 1, + scaley = 1, + diffx = 0, + diffy = 0, + diff = 0; + + if (width > height) { + radius = width / 2; + scaley = height / width; + } else { + radius = height / 2; + scalex = width / height; + } + + diffx = (npos.x - pos.x) * (1 / scalex); + diffy = (npos.y - pos.y) * (1 / scaley); + diff = diffx * diffx + diffy * diffy; + return diff <= radius * radius; + } + }, + /* + Object: NodeHelper.square + */ + 'square': { + /* + Method: render + + Renders a square into the canvas. + + Parameters: + + type - (string) Possible options are 'fill' or 'stroke'. + pos - (object) An *x*, *y* object with the position of the center of the square. + dim - (number) The radius (or half-diameter) of the square. + canvas - (object) A instance. + + Example: + (start code js) + NodeHelper.square.render('stroke', { x: 10, y: 30 }, 40, viz.canvas); + (end code) + */ + 'render': function(type, pos, dim, canvas){ + canvas.getCtx()[type + "Rect"](pos.x - dim, pos.y - dim, 2*dim, 2*dim); + }, + /* + Method: contains + + Returns *true* if *pos* is contained in the area of the shape. Returns *false* otherwise. + + Parameters: + + npos - (object) An *x*, *y* object with the position. + pos - (object) An *x*, *y* object with the position to check. + dim - (number) The radius (or half-diameter) of the square. + + Example: + (start code js) + NodeHelper.square.contains({ x: 10, y: 30 }, { x: 15, y: 35 }, 30); + (end code) + */ + 'contains': function(npos, pos, dim){ + return Math.abs(pos.x - npos.x) <= dim && Math.abs(pos.y - npos.y) <= dim; + } + }, + /* + Object: NodeHelper.rectangle + */ + 'rectangle': { + /* + Method: render + + Renders a rectangle into the canvas. + + Parameters: + + type - (string) Possible options are 'fill' or 'stroke'. + pos - (object) An *x*, *y* object with the position of the center of the rectangle. + width - (number) The width of the rectangle. + height - (number) The height of the rectangle. + canvas - (object) A instance. + + Example: + (start code js) + NodeHelper.rectangle.render('fill', { x: 10, y: 30 }, 30, 40, viz.canvas); + (end code) + */ + 'render': function(type, pos, width, height, canvas){ + canvas.getCtx()[type + "Rect"](pos.x - width / 2, pos.y - height / 2, + width, height); + }, + /* + Method: contains + + Returns *true* if *pos* is contained in the area of the shape. Returns *false* otherwise. + + Parameters: + + npos - (object) An *x*, *y* object with the position. + pos - (object) An *x*, *y* object with the position to check. + width - (number) The width of the rendered rectangle. + height - (number) The height of the rendered rectangle. + + Example: + (start code js) + NodeHelper.rectangle.contains({ x: 10, y: 30 }, { x: 15, y: 35 }, 30, 40); + (end code) + */ + 'contains': function(npos, pos, width, height){ + return Math.abs(pos.x - npos.x) <= width / 2 + && Math.abs(pos.y - npos.y) <= height / 2; + } + }, + /* + Object: NodeHelper.triangle + */ + 'triangle': { + /* + Method: render + + Renders a triangle into the canvas. + + Parameters: + + type - (string) Possible options are 'fill' or 'stroke'. + pos - (object) An *x*, *y* object with the position of the center of the triangle. + dim - (number) Half the base and half the height of the triangle. + canvas - (object) A instance. + + Example: + (start code js) + NodeHelper.triangle.render('stroke', { x: 10, y: 30 }, 40, viz.canvas); + (end code) + */ + 'render': function(type, pos, dim, canvas){ + var ctx = canvas.getCtx(), + c1x = pos.x, + c1y = pos.y - dim, + c2x = c1x - dim, + c2y = pos.y + dim, + c3x = c1x + dim, + c3y = c2y; + ctx.beginPath(); + ctx.moveTo(c1x, c1y); + ctx.lineTo(c2x, c2y); + ctx.lineTo(c3x, c3y); + ctx.closePath(); + ctx[type](); + }, + /* + Method: contains + + Returns *true* if *pos* is contained in the area of the shape. Returns *false* otherwise. + + Parameters: + + npos - (object) An *x*, *y* object with the position. + pos - (object) An *x*, *y* object with the position to check. + dim - (number) Half the base and half the height of the triangle. + + Example: + (start code js) + NodeHelper.triangle.contains({ x: 10, y: 30 }, { x: 15, y: 35 }, 30); + (end code) + */ + 'contains': function(npos, pos, dim) { + return NodeHelper.circle.contains(npos, pos, dim); + } + }, + /* + Object: NodeHelper.star + */ + 'star': { + /* + Method: render + + Renders a star (concave decagon) into the canvas. + + Parameters: + + type - (string) Possible options are 'fill' or 'stroke'. + pos - (object) An *x*, *y* object with the position of the center of the star. + dim - (number) The length of a side of a concave decagon. + canvas - (object) A instance. + + Example: + (start code js) + NodeHelper.star.render('stroke', { x: 10, y: 30 }, 40, viz.canvas); + (end code) + */ + 'render': function(type, pos, dim, canvas){ + var ctx = canvas.getCtx(), + pi5 = Math.PI / 5; + ctx.save(); + ctx.translate(pos.x, pos.y); + ctx.beginPath(); + ctx.moveTo(dim, 0); + for (var i = 0; i < 9; i++) { + ctx.rotate(pi5); + if (i % 2 == 0) { + ctx.lineTo((dim / 0.525731) * 0.200811, 0); + } else { + ctx.lineTo(dim, 0); + } + } + ctx.closePath(); + ctx[type](); + ctx.restore(); + }, + /* + Method: contains + + Returns *true* if *pos* is contained in the area of the shape. Returns *false* otherwise. + + Parameters: + + npos - (object) An *x*, *y* object with the position. + pos - (object) An *x*, *y* object with the position to check. + dim - (number) The length of a side of a concave decagon. + + Example: + (start code js) + NodeHelper.star.contains({ x: 10, y: 30 }, { x: 15, y: 35 }, 30); + (end code) + */ + 'contains': function(npos, pos, dim) { + return NodeHelper.circle.contains(npos, pos, dim); + } + } +}; + +/* + Object: EdgeHelper + + Contains rendering primitives for simple edge shapes. +*/ +var EdgeHelper = { + /* + Object: EdgeHelper.line + */ + 'line': { + /* + Method: render + + Renders a line into the canvas. + + Parameters: + + from - (object) An *x*, *y* object with the starting position of the line. + to - (object) An *x*, *y* object with the ending position of the line. + canvas - (object) A instance. + + Example: + (start code js) + EdgeHelper.line.render({ x: 10, y: 30 }, { x: 10, y: 50 }, viz.canvas); + (end code) + */ + 'render': function(from, to, canvas){ + var ctx = canvas.getCtx(); + ctx.beginPath(); + ctx.moveTo(from.x, from.y); + ctx.lineTo(to.x, to.y); + ctx.stroke(); + }, + /* + Method: contains + + Returns *true* if *pos* is contained in the area of the shape. Returns *false* otherwise. + + Parameters: + + posFrom - (object) An *x*, *y* object with a position. + posTo - (object) An *x*, *y* object with a position. + pos - (object) An *x*, *y* object with the position to check. + epsilon - (number) The dimension of the shape. + + Example: + (start code js) + EdgeHelper.line.contains({ x: 10, y: 30 }, { x: 15, y: 35 }, { x: 15, y: 35 }, 30); + (end code) + */ + 'contains': function(posFrom, posTo, pos, epsilon) { + var min = Math.min, + max = Math.max, + minPosX = min(posFrom.x, posTo.x), + maxPosX = max(posFrom.x, posTo.x), + minPosY = min(posFrom.y, posTo.y), + maxPosY = max(posFrom.y, posTo.y); + + if(pos.x >= minPosX && pos.x <= maxPosX + && pos.y >= minPosY && pos.y <= maxPosY) { + if(Math.abs(posTo.x - posFrom.x) <= epsilon) { + return true; + } + var dist = (posTo.y - posFrom.y) / (posTo.x - posFrom.x) * (pos.x - posFrom.x) + posFrom.y; + return Math.abs(dist - pos.y) <= epsilon; + } + return false; + } + }, + /* + Object: EdgeHelper.arrow + */ + 'arrow': { + /* + Method: render + + Renders an arrow into the canvas. + + Parameters: + + from - (object) An *x*, *y* object with the starting position of the arrow. + to - (object) An *x*, *y* object with the ending position of the arrow. + dim - (number) The dimension of the arrow. + swap - (boolean) Whether to set the arrow pointing to the starting position or the ending position. + canvas - (object) A instance. + + Example: + (start code js) + EdgeHelper.arrow.render({ x: 10, y: 30 }, { x: 10, y: 50 }, 13, false, viz.canvas); + (end code) + */ + 'render': function(from, to, dim, swap, canvas){ + var ctx = canvas.getCtx(); + // invert edge direction + if (swap) { + var tmp = from; + from = to; + to = tmp; + } + var vect = new Complex(to.x - from.x, to.y - from.y); + vect.$scale(dim / vect.norm()); + var intermediatePoint = new Complex(to.x - vect.x, to.y - vect.y), + normal = new Complex(-vect.y / 2, vect.x / 2), + v1 = intermediatePoint.add(normal), + v2 = intermediatePoint.$add(normal.$scale(-1)); + + ctx.beginPath(); + ctx.moveTo(from.x, from.y); + ctx.lineTo(to.x, to.y); + ctx.stroke(); + ctx.beginPath(); + ctx.moveTo(v1.x, v1.y); + ctx.lineTo(v2.x, v2.y); + ctx.lineTo(to.x, to.y); + ctx.closePath(); + ctx.fill(); + }, + /* + Method: contains + + Returns *true* if *pos* is contained in the area of the shape. Returns *false* otherwise. + + Parameters: + + posFrom - (object) An *x*, *y* object with a position. + posTo - (object) An *x*, *y* object with a position. + pos - (object) An *x*, *y* object with the position to check. + epsilon - (number) The dimension of the shape. + + Example: + (start code js) + EdgeHelper.arrow.contains({ x: 10, y: 30 }, { x: 15, y: 35 }, { x: 15, y: 35 }, 30); + (end code) + */ + 'contains': function(posFrom, posTo, pos, epsilon) { + return EdgeHelper.line.contains(posFrom, posTo, pos, epsilon); + } + }, + /* + Object: EdgeHelper.hyperline + */ + 'hyperline': { + /* + Method: render + + Renders a hyperline into the canvas. A hyperline are the lines drawn for the visualization. + + Parameters: + + from - (object) An *x*, *y* object with the starting position of the hyperline. *x* and *y* must belong to [0, 1). + to - (object) An *x*, *y* object with the ending position of the hyperline. *x* and *y* must belong to [0, 1). + r - (number) The scaling factor. + canvas - (object) A instance. + + Example: + (start code js) + EdgeHelper.hyperline.render({ x: 10, y: 30 }, { x: 10, y: 50 }, 100, viz.canvas); + (end code) + */ + 'render': function(from, to, r, canvas){ + var ctx = canvas.getCtx(); + var centerOfCircle = computeArcThroughTwoPoints(from, to); + if (centerOfCircle.a > 1000 || centerOfCircle.b > 1000 + || centerOfCircle.ratio < 0) { + ctx.beginPath(); + ctx.moveTo(from.x * r, from.y * r); + ctx.lineTo(to.x * r, to.y * r); + ctx.stroke(); + } else { + var angleBegin = Math.atan2(to.y - centerOfCircle.y, to.x + - centerOfCircle.x); + var angleEnd = Math.atan2(from.y - centerOfCircle.y, from.x + - centerOfCircle.x); + var sense = sense(angleBegin, angleEnd); + ctx.beginPath(); + ctx.arc(centerOfCircle.x * r, centerOfCircle.y * r, centerOfCircle.ratio + * r, angleBegin, angleEnd, sense); + ctx.stroke(); + } + /* + Calculates the arc parameters through two points. + + More information in + + Parameters: + + p1 - A instance. + p2 - A instance. + scale - The Disk's diameter. + + Returns: + + An object containing some arc properties. + */ + function computeArcThroughTwoPoints(p1, p2){ + var aDen = (p1.x * p2.y - p1.y * p2.x), bDen = aDen; + var sq1 = p1.squaredNorm(), sq2 = p2.squaredNorm(); + // Fall back to a straight line + if (aDen == 0) + return { + x: 0, + y: 0, + ratio: -1 + }; + + var a = (p1.y * sq2 - p2.y * sq1 + p1.y - p2.y) / aDen; + var b = (p2.x * sq1 - p1.x * sq2 + p2.x - p1.x) / bDen; + var x = -a / 2; + var y = -b / 2; + var squaredRatio = (a * a + b * b) / 4 - 1; + // Fall back to a straight line + if (squaredRatio < 0) + return { + x: 0, + y: 0, + ratio: -1 + }; + var ratio = Math.sqrt(squaredRatio); + var out = { + x: x, + y: y, + ratio: ratio > 1000? -1 : ratio, + a: a, + b: b + }; + + return out; + } + /* + Sets angle direction to clockwise (true) or counterclockwise (false). + + Parameters: + + angleBegin - Starting angle for drawing the arc. + angleEnd - The HyperLine will be drawn from angleBegin to angleEnd. + + Returns: + + A Boolean instance describing the sense for drawing the HyperLine. + */ + function sense(angleBegin, angleEnd){ + return (angleBegin < angleEnd)? ((angleBegin + Math.PI > angleEnd)? false + : true) : ((angleEnd + Math.PI > angleBegin)? true : false); + } + }, + /* + Method: contains + + Not Implemented + + Returns *true* if *pos* is contained in the area of the shape. Returns *false* otherwise. + + Parameters: + + posFrom - (object) An *x*, *y* object with a position. + posTo - (object) An *x*, *y* object with a position. + pos - (object) An *x*, *y* object with the position to check. + epsilon - (number) The dimension of the shape. + + Example: + (start code js) + EdgeHelper.hyperline.contains({ x: 10, y: 30 }, { x: 15, y: 35 }, { x: 15, y: 35 }, 30); + (end code) + */ + 'contains': $.lambda(false) + } +}; + + +/* + * File: Graph.Plot.js + */ + +/* + Object: Graph.Plot + + rendering and animation methods. + + Properties: + + nodeHelper - object. + edgeHelper - object. +*/ +Graph.Plot = { + //Default initializer + initialize: function(viz, klass){ + this.viz = viz; + this.config = viz.config; + this.node = viz.config.Node; + this.edge = viz.config.Edge; + this.animation = new Animation; + this.nodeTypes = new klass.Plot.NodeTypes; + this.edgeTypes = new klass.Plot.EdgeTypes; + this.labels = viz.labels; + }, + + //Add helpers + nodeHelper: NodeHelper, + edgeHelper: EdgeHelper, + + Interpolator: { + //node/edge property parsers + 'map': { + 'border': 'color', + 'color': 'color', + 'width': 'number', + 'height': 'number', + 'dim': 'number', + 'alpha': 'number', + 'lineWidth': 'number', + 'angularWidth':'number', + 'span':'number', + 'valueArray':'array-number', + 'dimArray':'array-number' + //'colorArray':'array-color' + }, + + //canvas specific parsers + 'canvas': { + 'globalAlpha': 'number', + 'fillStyle': 'color', + 'strokeStyle': 'color', + 'lineWidth': 'number', + 'shadowBlur': 'number', + 'shadowColor': 'color', + 'shadowOffsetX': 'number', + 'shadowOffsetY': 'number', + 'miterLimit': 'number' + }, + + //label parsers + 'label': { + 'size': 'number', + 'color': 'color' + }, + + //Number interpolator + 'compute': function(from, to, delta) { + return from + (to - from) * delta; + }, + + //Position interpolators + 'moebius': function(elem, props, delta, vector) { + var v = vector.scale(-delta); + if(v.norm() < 1) { + var x = v.x, y = v.y; + var ans = elem.startPos + .getc().moebiusTransformation(v); + elem.pos.setc(ans.x, ans.y); + v.x = x; v.y = y; + } + }, + + 'linear': function(elem, props, delta) { + var from = elem.startPos.getc(true); + var to = elem.endPos.getc(true); + elem.pos.setc(this.compute(from.x, to.x, delta), + this.compute(from.y, to.y, delta)); + }, + + 'polar': function(elem, props, delta) { + var from = elem.startPos.getp(true); + var to = elem.endPos.getp(); + var ans = to.interpolate(from, delta); + elem.pos.setp(ans.theta, ans.rho); + }, + + //Graph's Node/Edge interpolators + 'number': function(elem, prop, delta, getter, setter) { + var from = elem[getter](prop, 'start'); + var to = elem[getter](prop, 'end'); + elem[setter](prop, this.compute(from, to, delta)); + }, + + 'color': function(elem, prop, delta, getter, setter) { + var from = $.hexToRgb(elem[getter](prop, 'start')); + var to = $.hexToRgb(elem[getter](prop, 'end')); + var comp = this.compute; + var val = $.rgbToHex([parseInt(comp(from[0], to[0], delta)), + parseInt(comp(from[1], to[1], delta)), + parseInt(comp(from[2], to[2], delta))]); + + elem[setter](prop, val); + }, + + 'array-number': function(elem, prop, delta, getter, setter) { + var from = elem[getter](prop, 'start'), + to = elem[getter](prop, 'end'), + cur = []; + for(var i=0, l=from.length; i, + + */ + prepare: function(modes) { + var graph = this.viz.graph, + accessors = { + 'node-property': { + 'getter': 'getData', + 'setter': 'setData' + }, + 'edge-property': { + 'getter': 'getData', + 'setter': 'setData' + }, + 'node-style': { + 'getter': 'getCanvasStyle', + 'setter': 'setCanvasStyle' + }, + 'edge-style': { + 'getter': 'getCanvasStyle', + 'setter': 'setCanvasStyle' + } + }; + + //parse modes + var m = {}; + if($.type(modes) == 'array') { + for(var i=0, len=modes.length; i < len; i++) { + var elems = modes[i].split(':'); + m[elems.shift()] = elems; + } + } else { + for(var p in modes) { + if(p == 'position') { + m[modes.position] = []; + } else { + m[p] = $.splat(modes[p]); + } + } + } + + graph.eachNode(function(node) { + node.startPos.set(node.pos); + $.each(['node-property', 'node-style'], function(p) { + if(p in m) { + var prop = m[p]; + for(var i=0, l=prop.length; i < l; i++) { + node[accessors[p].setter](prop[i], node[accessors[p].getter](prop[i]), 'start'); + } + } + }); + $.each(['edge-property', 'edge-style'], function(p) { + if(p in m) { + var prop = m[p]; + node.eachAdjacency(function(adj) { + for(var i=0, l=prop.length; i < l; i++) { + adj[accessors[p].setter](prop[i], adj[accessors[p].getter](prop[i]), 'start'); + } + }); + } + }); + }); + return m; + }, + + /* + Method: animate + + Animates a by interpolating some , or properties. + + Parameters: + + opt - (object) Animation options. The object properties are described below + duration - (optional) Described in . + fps - (optional) Described in . + hideLabels - (optional|boolean) Whether to hide labels during the animation. + modes - (required|object) An object with animation modes (described below). + + Animation modes: + + Animation modes are strings representing different node/edge and graph properties that you'd like to animate. + They are represented by an object that has as keys main categories of properties to animate and as values a list + of these specific properties. The properties are described below + + position - Describes the way nodes' positions must be interpolated. Possible values are 'linear', 'polar' or 'moebius'. + node-property - Describes which Node properties will be interpolated. These properties can be any of the ones defined in . + edge-property - Describes which Edge properties will be interpolated. These properties can be any the ones defined in . + label-property - Describes which Label properties will be interpolated. These properties can be any of the ones defined in like color or size. + node-style - Describes which Node Canvas Styles will be interpolated. These are specific canvas properties like fillStyle, strokeStyle, lineWidth, shadowBlur, shadowColor, shadowOffsetX, shadowOffsetY, etc. + edge-style - Describes which Edge Canvas Styles will be interpolated. These are specific canvas properties like fillStyle, strokeStyle, lineWidth, shadowBlur, shadowColor, shadowOffsetX, shadowOffsetY, etc. + + Example: + (start code js) + var viz = new $jit.Viz(options); + //...tweak some Data, CanvasStyles or LabelData properties... + viz.fx.animate({ + modes: { + 'position': 'linear', + 'node-property': ['width', 'height'], + 'node-style': 'shadowColor', + 'label-property': 'size' + }, + hideLabels: false + }); + //...can also be written like this... + viz.fx.animate({ + modes: ['linear', + 'node-property:width:height', + 'node-style:shadowColor', + 'label-property:size'], + hideLabels: false + }); + (end code) + */ + animate: function(opt, versor) { + opt = $.merge(this.viz.config, opt || {}); + var that = this, + viz = this.viz, + graph = viz.graph, + interp = this.Interpolator, + animation = opt.type === 'nodefx'? this.nodeFxAnimation : this.animation; + //prepare graph values + var m = this.prepare(opt.modes); + + //animate + if(opt.hideLabels) this.labels.hideLabels(true); + animation.setOptions($.extend(opt, { + $animating: false, + compute: function(delta) { + graph.eachNode(function(node) { + for(var p in m) { + interp[p](node, m[p], delta, versor); + } + }); + that.plot(opt, this.$animating, delta); + this.$animating = true; + }, + complete: function() { + if(opt.hideLabels) that.labels.hideLabels(false); + that.plot(opt); + opt.onComplete(); + //TODO(nico): This shouldn't be here! + //opt.onAfterCompute(); + } + })).start(); + }, + + /* + nodeFx + + Apply animation to node properties like color, width, height, dim, etc. + + Parameters: + + options - Animation options. This object properties is described below + elements - The Elements to be transformed. This is an object that has a properties + + (start code js) + 'elements': { + //can also be an array of ids + 'id': 'id-of-node-to-transform', + //properties to be modified. All properties are optional. + 'properties': { + 'color': '#ccc', //some color + 'width': 10, //some width + 'height': 10, //some height + 'dim': 20, //some dim + 'lineWidth': 10 //some line width + } + } + (end code) + + - _reposition_ Whether to recalculate positions and add a motion animation. + This might be used when changing _width_ or _height_ properties in a like layout. Default's *false*. + + - _onComplete_ A method that is called when the animation completes. + + ...and all other options like _duration_, _fps_, _transition_, etc. + + Example: + (start code js) + var rg = new RGraph(canvas, config); //can be also Hypertree or ST + rg.fx.nodeFx({ + 'elements': { + 'id':'mynodeid', + 'properties': { + 'color':'#ccf' + }, + 'transition': Trans.Quart.easeOut + } + }); + (end code) + */ + nodeFx: function(opt) { + var viz = this.viz, + graph = viz.graph, + animation = this.nodeFxAnimation, + options = $.merge(this.viz.config, { + 'elements': { + 'id': false, + 'properties': {} + }, + 'reposition': false + }); + opt = $.merge(options, opt || {}, { + onBeforeCompute: $.empty, + onAfterCompute: $.empty + }); + //check if an animation is running + animation.stopTimer(); + var props = opt.elements.properties; + //set end values for nodes + if(!opt.elements.id) { + graph.eachNode(function(n) { + for(var prop in props) { + n.setData(prop, props[prop], 'end'); + } + }); + } else { + var ids = $.splat(opt.elements.id); + $.each(ids, function(id) { + var n = graph.getNode(id); + if(n) { + for(var prop in props) { + n.setData(prop, props[prop], 'end'); + } + } + }); + } + //get keys + var propnames = []; + for(var prop in props) propnames.push(prop); + //add node properties modes + var modes = ['node-property:' + propnames.join(':')]; + //set new node positions + if(opt.reposition) { + modes.push('linear'); + viz.compute('end'); + } + //animate + this.animate($.merge(opt, { + modes: modes, + type: 'nodefx' + })); + }, + + + /* + Method: plot + + Plots a . + + Parameters: + + opt - (optional) Plotting options. Most of them are described in . + + Example: + + (start code js) + var viz = new $jit.Viz(options); + viz.fx.plot(); + (end code) + + */ + plot: function(opt, animating) { + var viz = this.viz, + aGraph = viz.graph, + canvas = viz.canvas, + id = viz.root, + that = this, + ctx = canvas.getCtx(), + min = Math.min, + opt = opt || this.viz.controller; + + opt.clearCanvas && canvas.clear(); + + var root = aGraph.getNode(id); + if(!root) return; + + var T = !!root.visited; + aGraph.eachNode(function(node) { + var nodeAlpha = node.getData('alpha'); + node.eachAdjacency(function(adj) { + var nodeTo = adj.nodeTo; + if(!!nodeTo.visited === T && node.drawn && nodeTo.drawn) { + !animating && opt.onBeforePlotLine(adj); + that.plotLine(adj, canvas, animating); + !animating && opt.onAfterPlotLine(adj); + } + }); + if(node.drawn) { + !animating && opt.onBeforePlotNode(node); + that.plotNode(node, canvas, animating); + !animating && opt.onAfterPlotNode(node); + } + if(!that.labelsHidden && opt.withLabels) { + if(node.drawn && nodeAlpha >= 0.95) { + that.labels.plotLabel(canvas, node, opt); + } else { + that.labels.hideLabel(node, false); + } + } + node.visited = !T; + }); + }, + + /* + Plots a Subtree. + */ + plotTree: function(node, opt, animating) { + var that = this, + viz = this.viz, + canvas = viz.canvas, + config = this.config, + ctx = canvas.getCtx(); + var nodeAlpha = node.getData('alpha'); + node.eachSubnode(function(elem) { + if(opt.plotSubtree(node, elem) && elem.exist && elem.drawn) { + var adj = node.getAdjacency(elem.id); + !animating && opt.onBeforePlotLine(adj); + that.plotLine(adj, canvas, animating); + !animating && opt.onAfterPlotLine(adj); + that.plotTree(elem, opt, animating); + } + }); + if(node.drawn) { + !animating && opt.onBeforePlotNode(node); + this.plotNode(node, canvas, animating); + !animating && opt.onAfterPlotNode(node); + if(!opt.hideLabels && opt.withLabels && nodeAlpha >= 0.95) + this.labels.plotLabel(canvas, node, opt); + else + this.labels.hideLabel(node, false); + } else { + this.labels.hideLabel(node, true); + } + }, + + /* + Method: plotNode + + Plots a . + + Parameters: + + node - (object) A . + canvas - (object) A element. + + */ + plotNode: function(node, canvas, animating) { + var f = node.getData('type'), + ctxObj = this.node.CanvasStyles; + if(f != 'none') { + var width = node.getData('lineWidth'), + color = node.getData('color'), + alpha = node.getData('alpha'), + ctx = canvas.getCtx(); + ctx.save(); + ctx.lineWidth = width; + ctx.fillStyle = ctx.strokeStyle = color; + ctx.globalAlpha = alpha; + + for(var s in ctxObj) { + ctx[s] = node.getCanvasStyle(s); + } + + this.nodeTypes[f].render.call(this, node, canvas, animating); + ctx.restore(); + } + }, + + /* + Method: plotLine + + Plots a . + + Parameters: + + adj - (object) A . + canvas - (object) A instance. + + */ + plotLine: function(adj, canvas, animating) { + var f = adj.getData('type'), + ctxObj = this.edge.CanvasStyles; + if(f != 'none') { + var width = adj.getData('lineWidth'), + color = adj.getData('color'), + ctx = canvas.getCtx(), + nodeFrom = adj.nodeFrom, + nodeTo = adj.nodeTo; + + ctx.save(); + ctx.lineWidth = width; + ctx.fillStyle = ctx.strokeStyle = color; + ctx.globalAlpha = Math.min(nodeFrom.getData('alpha'), + nodeTo.getData('alpha'), + adj.getData('alpha')); + + for(var s in ctxObj) { + ctx[s] = adj.getCanvasStyle(s); + } + + this.edgeTypes[f].render.call(this, adj, canvas, animating); + ctx.restore(); + } + } + +}; + +/* + Object: Graph.Plot3D + + 3D rendering and animation methods. + + Properties: + + nodeHelper - object. + edgeHelper - object. + +*/ +Graph.Plot3D = $.merge(Graph.Plot, { + Interpolator: { + 'linear': function(elem, props, delta) { + var from = elem.startPos.getc(true); + var to = elem.endPos.getc(true); + elem.pos.setc(this.compute(from.x, to.x, delta), + this.compute(from.y, to.y, delta), + this.compute(from.z, to.z, delta)); + } + }, + + plotNode: function(node, canvas) { + if(node.getData('type') == 'none') return; + this.plotElement(node, canvas, { + getAlpha: function() { + return node.getData('alpha'); + } + }); + }, + + plotLine: function(adj, canvas) { + if(adj.getData('type') == 'none') return; + this.plotElement(adj, canvas, { + getAlpha: function() { + return Math.min(adj.nodeFrom.getData('alpha'), + adj.nodeTo.getData('alpha'), + adj.getData('alpha')); + } + }); + }, + + plotElement: function(elem, canvas, opt) { + var gl = canvas.getCtx(), + viewMatrix = new Matrix4, + lighting = canvas.config.Scene.Lighting, + wcanvas = canvas.canvases[0], + program = wcanvas.program, + camera = wcanvas.camera; + + if(!elem.geometry) { + elem.geometry = new O3D[elem.getData('type')]; + } + elem.geometry.update(elem); + if(!elem.webGLVertexBuffer) { + var vertices = [], + faces = [], + normals = [], + vertexIndex = 0, + geom = elem.geometry; + + for(var i=0, vs=geom.vertices, fs=geom.faces, fsl=fs.length; i interface is implemented in multiple ways to provide + different label types. + + For example, the Graph.Label interface is implemented as to provide + HTML label elements. Also we provide the interface for SVG type labels. + The interface implements these methods with the native Canvas text rendering functions. + + All subclasses (, and ) implement the method plotLabel. +*/ + +Graph.Label = {}; + +/* + Class: Graph.Label.Native + + Implements labels natively, using the Canvas text API. +*/ +Graph.Label.Native = new Class({ + initialize: function(viz) { + this.viz = viz; + }, + + /* + Method: plotLabel + + Plots a label for a given node. + + Parameters: + + canvas - (object) A instance. + node - (object) A . + controller - (object) A configuration object. + + Example: + + (start code js) + var viz = new $jit.Viz(options); + var node = viz.graph.getNode('nodeId'); + viz.labels.plotLabel(viz.canvas, node, viz.config); + (end code) + */ + plotLabel: function(canvas, node, controller) { + var ctx = canvas.getCtx(); + var pos = node.pos.getc(true); + + ctx.font = node.getLabelData('style') + ' ' + node.getLabelData('size') + 'px ' + node.getLabelData('family'); + ctx.textAlign = node.getLabelData('textAlign'); + ctx.fillStyle = ctx.strokeStyle = node.getLabelData('color'); + ctx.textBaseline = node.getLabelData('textBaseline'); + + this.renderLabel(canvas, node, controller); + }, + + /* + renderLabel + + Does the actual rendering of the label in the canvas. The default + implementation renders the label close to the position of the node, this + method should be overriden to position the labels differently. + + Parameters: + + canvas - A instance. + node - A . + controller - A configuration object. See also , , . + */ + renderLabel: function(canvas, node, controller) { + var ctx = canvas.getCtx(); + var pos = node.pos.getc(true); + ctx.fillText(node.name, pos.x, pos.y + node.getData("height") / 2); + }, + + hideLabel: $.empty, + hideLabels: $.empty +}); + +/* + Class: Graph.Label.DOM + + Abstract Class implementing some DOM label methods. + + Implemented by: + + and . + +*/ +Graph.Label.DOM = new Class({ + //A flag value indicating if node labels are being displayed or not. + labelsHidden: false, + //Label container + labelContainer: false, + //Label elements hash. + labels: {}, + + /* + Method: getLabelContainer + + Lazy fetcher for the label container. + + Returns: + + The label container DOM element. + + Example: + + (start code js) + var viz = new $jit.Viz(options); + var labelContainer = viz.labels.getLabelContainer(); + alert(labelContainer.innerHTML); + (end code) + */ + getLabelContainer: function() { + return this.labelContainer ? + this.labelContainer : + this.labelContainer = document.getElementById(this.viz.config.labelContainer); + }, + + /* + Method: getLabel + + Lazy fetcher for the label element. + + Parameters: + + id - (string) The label id (which is also a id). + + Returns: + + The label element. + + Example: + + (start code js) + var viz = new $jit.Viz(options); + var label = viz.labels.getLabel('someid'); + alert(label.innerHTML); + (end code) + + */ + getLabel: function(id) { + return (id in this.labels && this.labels[id] != null) ? + this.labels[id] : + this.labels[id] = document.getElementById(id); + }, + + /* + Method: hideLabels + + Hides all labels (by hiding the label container). + + Parameters: + + hide - (boolean) A boolean value indicating if the label container must be hidden or not. + + Example: + (start code js) + var viz = new $jit.Viz(options); + rg.labels.hideLabels(true); + (end code) + + */ + hideLabels: function (hide) { + var container = this.getLabelContainer(); + if(hide) + container.style.display = 'none'; + else + container.style.display = ''; + this.labelsHidden = hide; + }, + + /* + Method: clearLabels + + Clears the label container. + + Useful when using a new visualization with the same canvas element/widget. + + Parameters: + + force - (boolean) Forces deletion of all labels. + + Example: + (start code js) + var viz = new $jit.Viz(options); + viz.labels.clearLabels(); + (end code) + */ + clearLabels: function(force) { + for(var id in this.labels) { + if (force || !this.viz.graph.hasNode(id)) { + this.disposeLabel(id); + delete this.labels[id]; + } + } + }, + + /* + Method: disposeLabel + + Removes a label. + + Parameters: + + id - (string) A label id (which generally is also a id). + + Example: + (start code js) + var viz = new $jit.Viz(options); + viz.labels.disposeLabel('labelid'); + (end code) + */ + disposeLabel: function(id) { + var elem = this.getLabel(id); + if(elem && elem.parentNode) { + elem.parentNode.removeChild(elem); + } + }, + + /* + Method: hideLabel + + Hides the corresponding label. + + Parameters: + + node - (object) A . Can also be an array of . + show - (boolean) If *true*, nodes will be shown. Otherwise nodes will be hidden. + + Example: + (start code js) + var rg = new $jit.Viz(options); + viz.labels.hideLabel(viz.graph.getNode('someid'), false); + (end code) + */ + hideLabel: function(node, show) { + node = $.splat(node); + var st = show ? "" : "none", lab, that = this; + $.each(node, function(n) { + var lab = that.getLabel(n.id); + if (lab) { + lab.style.display = st; + } + }); + }, + + /* + fitsInCanvas + + Returns _true_ or _false_ if the label for the node is contained in the canvas dom element or not. + + Parameters: + + pos - A instance (I'm doing duck typing here so any object with _x_ and _y_ parameters will do). + canvas - A instance. + + Returns: + + A boolean value specifying if the label is contained in the DOM element or not. + + */ + fitsInCanvas: function(pos, canvas) { + var size = canvas.getSize(); + if(pos.x >= size.width || pos.x < 0 + || pos.y >= size.height || pos.y < 0) return false; + return true; + } +}); + +/* + Class: Graph.Label.HTML + + Implements HTML labels. + + Extends: + + All methods. + +*/ +Graph.Label.HTML = new Class({ + Implements: Graph.Label.DOM, + + /* + Method: plotLabel + + Plots a label for a given node. + + Parameters: + + canvas - (object) A instance. + node - (object) A . + controller - (object) A configuration object. + + Example: + + (start code js) + var viz = new $jit.Viz(options); + var node = viz.graph.getNode('nodeId'); + viz.labels.plotLabel(viz.canvas, node, viz.config); + (end code) + + + */ + plotLabel: function(canvas, node, controller) { + var id = node.id, tag = this.getLabel(id); + + if(!tag && !(tag = document.getElementById(id))) { + tag = document.createElement('div'); + var container = this.getLabelContainer(); + tag.id = id; + tag.className = 'node'; + tag.style.position = 'absolute'; + controller.onCreateLabel(tag, node); + container.appendChild(tag); + this.labels[node.id] = tag; + } + + this.placeLabel(tag, node, controller); + } +}); + +/* + Class: Graph.Label.SVG + + Implements SVG labels. + + Extends: + + All methods. +*/ +Graph.Label.SVG = new Class({ + Implements: Graph.Label.DOM, + + /* + Method: plotLabel + + Plots a label for a given node. + + Parameters: + + canvas - (object) A instance. + node - (object) A . + controller - (object) A configuration object. + + Example: + + (start code js) + var viz = new $jit.Viz(options); + var node = viz.graph.getNode('nodeId'); + viz.labels.plotLabel(viz.canvas, node, viz.config); + (end code) + + + */ + plotLabel: function(canvas, node, controller) { + var id = node.id, tag = this.getLabel(id); + if(!tag && !(tag = document.getElementById(id))) { + var ns = 'http://www.w3.org/2000/svg'; + tag = document.createElementNS(ns, 'svg:text'); + var tspan = document.createElementNS(ns, 'svg:tspan'); + tag.appendChild(tspan); + var container = this.getLabelContainer(); + tag.setAttribute('id', id); + tag.setAttribute('class', 'node'); + container.appendChild(tag); + controller.onCreateLabel(tag, node); + this.labels[node.id] = tag; + } + this.placeLabel(tag, node, controller); + } +}); + + + +Graph.Geom = new Class({ + + initialize: function(viz) { + this.viz = viz; + this.config = viz.config; + this.node = viz.config.Node; + this.edge = viz.config.Edge; + }, + /* + Applies a translation to the tree. + + Parameters: + + pos - A number specifying translation vector. + prop - A position property ('pos', 'start' or 'end'). + + Example: + + (start code js) + st.geom.translate(new Complex(300, 100), 'end'); + (end code) + */ + translate: function(pos, prop) { + prop = $.splat(prop); + this.viz.graph.eachNode(function(elem) { + $.each(prop, function(p) { elem.getPos(p).$add(pos); }); + }); + }, + /* + Hides levels of the tree until it properly fits in canvas. + */ + setRightLevelToShow: function(node, canvas, callback) { + var level = this.getRightLevelToShow(node, canvas), + fx = this.viz.labels, + opt = $.merge({ + execShow:true, + execHide:true, + onHide: $.empty, + onShow: $.empty + }, callback || {}); + node.eachLevel(0, this.config.levelsToShow, function(n) { + var d = n._depth - node._depth; + if(d > level) { + opt.onHide(n); + if(opt.execHide) { + n.drawn = false; + n.exist = false; + fx.hideLabel(n, false); + } + } else { + opt.onShow(n); + if(opt.execShow) { + n.exist = true; + } + } + }); + node.drawn= true; + }, + /* + Returns the right level to show for the current tree in order to fit in canvas. + */ + getRightLevelToShow: function(node, canvas) { + var config = this.config; + var level = config.levelsToShow; + var constrained = config.constrained; + if(!constrained) return level; + while(!this.treeFitsInCanvas(node, canvas, level) && level > 1) { level-- ; } + return level; + } +}); + +/* + * File: Loader.js + * + */ + +/* + Object: Loader + + Provides methods for loading and serving JSON data. +*/ +var Loader = { + construct: function(json) { + var isGraph = ($.type(json) == 'array'); + var ans = new Graph(this.graphOptions, this.config.Node, this.config.Edge, this.config.Label); + if(!isGraph) + //make tree + (function (ans, json) { + ans.addNode(json); + if(json.children) { + for(var i=0, ch = json.children; i will override the general value for that option with that particular value. For this to work + however, you do have to set *overridable = true* in . + + The same thing is true for JSON adjacencies. Dollar prefixed data properties will alter values set in + if has *overridable = true*. + + When loading JSON data into TreeMaps, the *data* property must contain a value for the *$area* key, + since this is the value which will be taken into account when creating the layout. + The same thing goes for the *$color* parameter. + + In JSON Nodes you can use also *$label-* prefixed properties to refer to properties. For example, + *$label-size* will refer to size property. Also, in JSON nodes and adjacencies you can set + canvas specific properties individually by using the *$canvas-* prefix. For example, *$canvas-shadowBlur* will refer + to the *shadowBlur* property. + + These properties can also be accessed after loading the JSON data from and + by using . For more information take a look at the and documentation. + + Finally, these properties can also be used to create advanced animations like with . For more + information about creating animations please take a look at the and documentation. + + loadJSON Parameters: + + json - A JSON Tree or Graph structure. + i - For Graph structures only. Sets the indexed node as root for the visualization. + + */ + loadJSON: function(json, i) { + this.json = json; + //if they're canvas labels erase them. + if(this.labels && this.labels.clearLabels) { + this.labels.clearLabels(true); + } + this.graph = this.construct(json); + if($.type(json) != 'array'){ + this.root = json.id; + } else { + this.root = json[i? i : 0].id; + } + }, + + /* + Method: toJSON + + Returns a JSON tree/graph structure from the visualization's . + See for the graph formats available. + + See also: + + + + Parameters: + + type - (string) Default's "tree". The type of the JSON structure to be returned. + Possible options are "tree" or "graph". + */ + toJSON: function(type) { + type = type || "tree"; + if(type == 'tree') { + var ans = {}; + var rootNode = this.graph.getNode(this.root); + var ans = (function recTree(node) { + var ans = {}; + ans.id = node.id; + ans.name = node.name; + ans.data = node.data; + var ch =[]; + node.eachSubnode(function(n) { + ch.push(recTree(n)); + }); + ans.children = ch; + return ans; + })(rootNode); + return ans; + } else { + var ans = []; + var T = !!this.graph.getNode(this.root).visited; + this.graph.eachNode(function(node) { + var ansNode = {}; + ansNode.id = node.id; + ansNode.name = node.name; + ansNode.data = node.data; + var adjs = []; + node.eachAdjacency(function(adj) { + var nodeTo = adj.nodeTo; + if(!!nodeTo.visited === T) { + var ansAdj = {}; + ansAdj.nodeTo = nodeTo.id; + ansAdj.data = adj.data; + adjs.push(ansAdj); + } + }); + ansNode.adjacencies = adjs; + ans.push(ansNode); + node.visited = !T; + }); + return ans; + } + } +}; + + + +/* + * File: Layouts.js + * + * Implements base Tree and Graph layouts. + * + * Description: + * + * Implements base Tree and Graph layouts like Radial, Tree, etc. + * + */ + +/* + * Object: Layouts + * + * Parent object for common layouts. + * + */ +var Layouts = $jit.Layouts = {}; + + +//Some util shared layout functions are defined here. +var NodeDim = { + label: null, + + compute: function(graph, prop, opt) { + this.initializeLabel(opt); + var label = this.label, style = label.style; + graph.eachNode(function(n) { + var autoWidth = n.getData('autoWidth'), + autoHeight = n.getData('autoHeight'); + if(autoWidth || autoHeight) { + //delete dimensions since these are + //going to be overridden now. + delete n.data.$width; + delete n.data.$height; + delete n.data.$dim; + + var width = n.getData('width'), + height = n.getData('height'); + //reset label dimensions + style.width = autoWidth? 'auto' : width + 'px'; + style.height = autoHeight? 'auto' : height + 'px'; + + //TODO(nico) should let the user choose what to insert here. + label.innerHTML = n.name; + + var offsetWidth = label.offsetWidth, + offsetHeight = label.offsetHeight; + var type = n.getData('type'); + if($.indexOf(['circle', 'square', 'triangle', 'star'], type) === -1) { + n.setData('width', offsetWidth); + n.setData('height', offsetHeight); + } else { + var dim = offsetWidth > offsetHeight? offsetWidth : offsetHeight; + n.setData('width', dim); + n.setData('height', dim); + n.setData('dim', dim); + } + } + }); + }, + + initializeLabel: function(opt) { + if(!this.label) { + this.label = document.createElement('div'); + document.body.appendChild(this.label); + } + this.setLabelStyles(opt); + }, + + setLabelStyles: function(opt) { + $.extend(this.label.style, { + 'visibility': 'hidden', + 'position': 'absolute', + 'width': 'auto', + 'height': 'auto' + }); + this.label.className = 'jit-autoadjust-label'; + } +}; + + +/* + * Class: Layouts.Tree + * + * Implements a Tree Layout. + * + * Implemented By: + * + * + * + * Inspired by: + * + * Drawing Trees (Andrew J. Kennedy) + * + */ +Layouts.Tree = (function() { + //Layout functions + var slice = Array.prototype.slice; + + /* + Calculates the max width and height nodes for a tree level + */ + function getBoundaries(graph, config, level, orn, prop) { + var dim = config.Node; + var multitree = config.multitree; + if (dim.overridable) { + var w = -1, h = -1; + graph.eachNode(function(n) { + if (n._depth == level + && (!multitree || ('$orn' in n.data) && n.data.$orn == orn)) { + var dw = n.getData('width', prop); + var dh = n.getData('height', prop); + w = (w < dw) ? dw : w; + h = (h < dh) ? dh : h; + } + }); + return { + 'width' : w < 0 ? dim.width : w, + 'height' : h < 0 ? dim.height : h + }; + } else { + return dim; + } + } + + + function movetree(node, prop, val, orn) { + var p = (orn == "left" || orn == "right") ? "y" : "x"; + node.getPos(prop)[p] += val; + } + + + function moveextent(extent, val) { + var ans = []; + $.each(extent, function(elem) { + elem = slice.call(elem); + elem[0] += val; + elem[1] += val; + ans.push(elem); + }); + return ans; + } + + + function merge(ps, qs) { + if (ps.length == 0) + return qs; + if (qs.length == 0) + return ps; + var p = ps.shift(), q = qs.shift(); + return [ [ p[0], q[1] ] ].concat(merge(ps, qs)); + } + + + function mergelist(ls, def) { + def = def || []; + if (ls.length == 0) + return def; + var ps = ls.pop(); + return mergelist(ls, merge(ps, def)); + } + + + function fit(ext1, ext2, subtreeOffset, siblingOffset, i) { + if (ext1.length <= i || ext2.length <= i) + return 0; + + var p = ext1[i][1], q = ext2[i][0]; + return Math.max(fit(ext1, ext2, subtreeOffset, siblingOffset, ++i) + + subtreeOffset, p - q + siblingOffset); + } + + + function fitlistl(es, subtreeOffset, siblingOffset) { + function $fitlistl(acc, es, i) { + if (es.length <= i) + return []; + var e = es[i], ans = fit(acc, e, subtreeOffset, siblingOffset, 0); + return [ ans ].concat($fitlistl(merge(acc, moveextent(e, ans)), es, ++i)); + } + ; + return $fitlistl( [], es, 0); + } + + + function fitlistr(es, subtreeOffset, siblingOffset) { + function $fitlistr(acc, es, i) { + if (es.length <= i) + return []; + var e = es[i], ans = -fit(e, acc, subtreeOffset, siblingOffset, 0); + return [ ans ].concat($fitlistr(merge(moveextent(e, ans), acc), es, ++i)); + } + ; + es = slice.call(es); + var ans = $fitlistr( [], es.reverse(), 0); + return ans.reverse(); + } + + + function fitlist(es, subtreeOffset, siblingOffset, align) { + var esl = fitlistl(es, subtreeOffset, siblingOffset), esr = fitlistr(es, + subtreeOffset, siblingOffset); + + if (align == "left") + esr = esl; + else if (align == "right") + esl = esr; + + for ( var i = 0, ans = []; i < esl.length; i++) { + ans[i] = (esl[i] + esr[i]) / 2; + } + return ans; + } + + + function design(graph, node, prop, config, orn) { + var multitree = config.multitree; + var auxp = [ 'x', 'y' ], auxs = [ 'width', 'height' ]; + var ind = +(orn == "left" || orn == "right"); + var p = auxp[ind], notp = auxp[1 - ind]; + + var cnode = config.Node; + var s = auxs[ind], nots = auxs[1 - ind]; + + var siblingOffset = config.siblingOffset; + var subtreeOffset = config.subtreeOffset; + var align = config.align; + + function $design(node, maxsize, acum) { + var sval = node.getData(s, prop); + var notsval = maxsize + || (node.getData(nots, prop)); + + var trees = [], extents = [], chmaxsize = false; + var chacum = notsval + config.levelDistance; + node.eachSubnode(function(n) { + if (n.exist + && (!multitree || ('$orn' in n.data) && n.data.$orn == orn)) { + + if (!chmaxsize) + chmaxsize = getBoundaries(graph, config, n._depth, orn, prop); + + var s = $design(n, chmaxsize[nots], acum + chacum); + trees.push(s.tree); + extents.push(s.extent); + } + }); + var positions = fitlist(extents, subtreeOffset, siblingOffset, align); + for ( var i = 0, ptrees = [], pextents = []; i < trees.length; i++) { + movetree(trees[i], prop, positions[i], orn); + pextents.push(moveextent(extents[i], positions[i])); + } + var resultextent = [ [ -sval / 2, sval / 2 ] ] + .concat(mergelist(pextents)); + node.getPos(prop)[p] = 0; + + if (orn == "top" || orn == "left") { + node.getPos(prop)[notp] = acum; + } else { + node.getPos(prop)[notp] = -acum; + } + + return { + tree : node, + extent : resultextent + }; + } + + $design(node, false, 0); + } + + + return new Class({ + /* + Method: compute + + Computes nodes' positions. + + */ + compute : function(property, computeLevels) { + var prop = property || 'start'; + var node = this.graph.getNode(this.root); + $.extend(node, { + 'drawn' : true, + 'exist' : true, + 'selected' : true + }); + NodeDim.compute(this.graph, prop, this.config); + if (!!computeLevels || !("_depth" in node)) { + this.graph.computeLevels(this.root, 0, "ignore"); + } + + this.computePositions(node, prop); + }, + + computePositions : function(node, prop) { + var config = this.config; + var multitree = config.multitree; + var align = config.align; + var indent = align !== 'center' && config.indent; + var orn = config.orientation; + var orns = multitree ? [ 'top', 'right', 'bottom', 'left' ] : [ orn ]; + var that = this; + $.each(orns, function(orn) { + //calculate layout + design(that.graph, node, prop, that.config, orn, prop); + var i = [ 'x', 'y' ][+(orn == "left" || orn == "right")]; + //absolutize + (function red(node) { + node.eachSubnode(function(n) { + if (n.exist + && (!multitree || ('$orn' in n.data) && n.data.$orn == orn)) { + + n.getPos(prop)[i] += node.getPos(prop)[i]; + if (indent) { + n.getPos(prop)[i] += align == 'left' ? indent : -indent; + } + red(n); + } + }); + })(node); + }); + } + }); + +})(); + +/* + * File: Spacetree.js + */ + +/* + Class: ST + + A Tree layout with advanced contraction and expansion animations. + + Inspired by: + + SpaceTree: Supporting Exploration in Large Node Link Tree, Design Evolution and Empirical Evaluation (Catherine Plaisant, Jesse Grosjean, Benjamin B. Bederson) + + + Drawing Trees (Andrew J. Kennedy) + + Note: + + This visualization was built and engineered from scratch, taking only the papers as inspiration, and only shares some features with the visualization described in those papers. + + Implements: + + All methods + + Constructor Options: + + Inherits options from + + - + - + - + - + - + - + - + - + - + - + + Additionally, there are other parameters and some default values changed + + constrained - (boolean) Default's *true*. Whether to show the entire tree when loaded or just the number of levels specified by _levelsToShow_. + levelsToShow - (number) Default's *2*. The number of levels to show for a subtree. This number is relative to the selected node. + levelDistance - (number) Default's *30*. The distance between two consecutive levels of the tree. + Node.type - Described in . Default's set to *rectangle*. + offsetX - (number) Default's *0*. The x-offset distance from the selected node to the center of the canvas. + offsetY - (number) Default's *0*. The y-offset distance from the selected node to the center of the canvas. + duration - Described in . It's default value has been changed to *700*. + + Instance Properties: + + canvas - Access a instance. + graph - Access a instance. + op - Access a instance. + fx - Access a instance. + labels - Access a interface implementation. + + */ + +$jit.ST= (function() { + // Define some private methods first... + // Nodes in path + var nodesInPath = []; + // Nodes to contract + function getNodesToHide(node) { + node = node || this.clickedNode; + if(!this.config.constrained) { + return []; + } + var Geom = this.geom; + var graph = this.graph; + var canvas = this.canvas; + var level = node._depth, nodeArray = []; + graph.eachNode(function(n) { + if(n.exist && !n.selected) { + if(n.isDescendantOf(node.id)) { + if(n._depth <= level) nodeArray.push(n); + } else { + nodeArray.push(n); + } + } + }); + var leafLevel = Geom.getRightLevelToShow(node, canvas); + node.eachLevel(leafLevel, leafLevel, function(n) { + if(n.exist && !n.selected) nodeArray.push(n); + }); + + for (var i = 0; i < nodesInPath.length; i++) { + var n = this.graph.getNode(nodesInPath[i]); + if(!n.isDescendantOf(node.id)) { + nodeArray.push(n); + } + } + return nodeArray; + }; + // Nodes to expand + function getNodesToShow(node) { + var nodeArray = [], config = this.config; + node = node || this.clickedNode; + this.clickedNode.eachLevel(0, config.levelsToShow, function(n) { + if(config.multitree && !('$orn' in n.data) + && n.anySubnode(function(ch){ return ch.exist && !ch.drawn; })) { + nodeArray.push(n); + } else if(n.drawn && !n.anySubnode("drawn")) { + nodeArray.push(n); + } + }); + return nodeArray; + }; + // Now define the actual class. + return new Class({ + + Implements: [Loader, Extras, Layouts.Tree], + + initialize: function(controller) { + var $ST = $jit.ST; + + var config= { + levelsToShow: 2, + levelDistance: 30, + constrained: true, + Node: { + type: 'rectangle' + }, + duration: 700, + offsetX: 0, + offsetY: 0 + }; + + this.controller = this.config = $.merge( + Options("Canvas", "Fx", "Tree", "Node", "Edge", "Controller", + "Tips", "NodeStyles", "Events", "Navigation", "Label"), config, controller); + + var canvasConfig = this.config; + if(canvasConfig.useCanvas) { + this.canvas = canvasConfig.useCanvas; + this.config.labelContainer = this.canvas.id + '-label'; + } else { + if(canvasConfig.background) { + canvasConfig.background = $.merge({ + type: 'Circles' + }, canvasConfig.background); + } + this.canvas = new Canvas(this, canvasConfig); + this.config.labelContainer = (typeof canvasConfig.injectInto == 'string'? canvasConfig.injectInto : canvasConfig.injectInto.id) + '-label'; + } + + this.graphOptions = { + 'klass': Complex + }; + this.graph = new Graph(this.graphOptions, this.config.Node, this.config.Edge); + this.labels = new $ST.Label[canvasConfig.Label.type](this); + this.fx = new $ST.Plot(this, $ST); + this.op = new $ST.Op(this); + this.group = new $ST.Group(this); + this.geom = new $ST.Geom(this); + this.clickedNode= null; + // initialize extras + this.initializeExtras(); + }, + + /* + Method: plot + + Plots the . This is a shortcut to *fx.plot*. + + */ + plot: function() { this.fx.plot(this.controller); }, + + + /* + Method: switchPosition + + Switches the tree orientation. + + Parameters: + + pos - (string) The new tree orientation. Possible values are "top", "left", "right" and "bottom". + method - (string) Set this to "animate" if you want to animate the tree when switching its position. You can also set this parameter to "replot" to just replot the subtree. + onComplete - (optional|object) This callback is called once the "switching" animation is complete. + + Example: + + (start code js) + st.switchPosition("right", "animate", { + onComplete: function() { + alert('completed!'); + } + }); + (end code) + */ + switchPosition: function(pos, method, onComplete) { + var Geom = this.geom, Plot = this.fx, that = this; + if(!Plot.busy) { + Plot.busy = true; + this.contract({ + onComplete: function() { + Geom.switchOrientation(pos); + that.compute('end', false); + Plot.busy = false; + if(method == 'animate') { + that.onClick(that.clickedNode.id, onComplete); + } else if(method == 'replot') { + that.select(that.clickedNode.id, onComplete); + } + } + }, pos); + } + }, + + /* + Method: switchAlignment + + Switches the tree alignment. + + Parameters: + + align - (string) The new tree alignment. Possible values are "left", "center" and "right". + method - (string) Set this to "animate" if you want to animate the tree after aligning its position. You can also set this parameter to "replot" to just replot the subtree. + onComplete - (optional|object) This callback is called once the "switching" animation is complete. + + Example: + + (start code js) + st.switchAlignment("right", "animate", { + onComplete: function() { + alert('completed!'); + } + }); + (end code) + */ + switchAlignment: function(align, method, onComplete) { + this.config.align = align; + if(method == 'animate') { + this.select(this.clickedNode.id, onComplete); + } else if(method == 'replot') { + this.onClick(this.clickedNode.id, onComplete); + } + }, + + /* + Method: addNodeInPath + + Adds a node to the current path as selected node. The selected node will be visible (as in non-collapsed) at all times. + + + Parameters: + + id - (string) A id. + + Example: + + (start code js) + st.addNodeInPath("nodeId"); + (end code) + */ + addNodeInPath: function(id) { + nodesInPath.push(id); + this.select((this.clickedNode && this.clickedNode.id) || this.root); + }, + + /* + Method: clearNodesInPath + + Removes all nodes tagged as selected by the method. + + See also: + + + + Example: + + (start code js) + st.clearNodesInPath(); + (end code) + */ + clearNodesInPath: function(id) { + nodesInPath.length = 0; + this.select((this.clickedNode && this.clickedNode.id) || this.root); + }, + + /* + Method: refresh + + Computes positions and plots the tree. + + */ + refresh: function() { + this.reposition(); + this.select((this.clickedNode && this.clickedNode.id) || this.root); + }, + + reposition: function() { + this.graph.computeLevels(this.root, 0, "ignore"); + this.geom.setRightLevelToShow(this.clickedNode, this.canvas); + this.graph.eachNode(function(n) { + if(n.exist) n.drawn = true; + }); + this.compute('end'); + }, + + requestNodes: function(node, onComplete) { + var handler = $.merge(this.controller, onComplete), + lev = this.config.levelsToShow; + if(handler.request) { + var leaves = [], d = node._depth; + node.eachLevel(0, lev, function(n) { + if(n.drawn && + !n.anySubnode()) { + leaves.push(n); + n._level = lev - (n._depth - d); + } + }); + this.group.requestNodes(leaves, handler); + } + else + handler.onComplete(); + }, + + contract: function(onComplete, switched) { + var orn = this.config.orientation; + var Geom = this.geom, Group = this.group; + if(switched) Geom.switchOrientation(switched); + var nodes = getNodesToHide.call(this); + if(switched) Geom.switchOrientation(orn); + Group.contract(nodes, $.merge(this.controller, onComplete)); + }, + + move: function(node, onComplete) { + this.compute('end', false); + var move = onComplete.Move, offset = { + 'x': move.offsetX, + 'y': move.offsetY + }; + if(move.enable) { + this.geom.translate(node.endPos.add(offset).$scale(-1), "end"); + } + this.fx.animate($.merge(this.controller, { modes: ['linear'] }, onComplete)); + }, + + expand: function (node, onComplete) { + var nodeArray = getNodesToShow.call(this, node); + this.group.expand(nodeArray, $.merge(this.controller, onComplete)); + }, + + selectPath: function(node) { + var that = this; + this.graph.eachNode(function(n) { n.selected = false; }); + function path(node) { + if(node == null || node.selected) return; + node.selected = true; + $.each(that.group.getSiblings([node])[node.id], + function(n) { + n.exist = true; + n.drawn = true; + }); + var parents = node.getParents(); + parents = (parents.length > 0)? parents[0] : null; + path(parents); + }; + for(var i=0, ns = [node.id].concat(nodesInPath); i < ns.length; i++) { + path(this.graph.getNode(ns[i])); + } + }, + + /* + Method: setRoot + + Switches the current root node. Changes the topology of the Tree. + + Parameters: + id - (string) The id of the node to be set as root. + method - (string) Set this to "animate" if you want to animate the tree after adding the subtree. You can also set this parameter to "replot" to just replot the subtree. + onComplete - (optional|object) An action to perform after the animation (if any). + + Example: + + (start code js) + st.setRoot('nodeId', 'animate', { + onComplete: function() { + alert('complete!'); + } + }); + (end code) + */ + setRoot: function(id, method, onComplete) { + if(this.busy) return; + this.busy = true; + var that = this, canvas = this.canvas; + var rootNode = this.graph.getNode(this.root); + var clickedNode = this.graph.getNode(id); + function $setRoot() { + if(this.config.multitree && clickedNode.data.$orn) { + var orn = clickedNode.data.$orn; + var opp = { + 'left': 'right', + 'right': 'left', + 'top': 'bottom', + 'bottom': 'top' + }[orn]; + rootNode.data.$orn = opp; + (function tag(rootNode) { + rootNode.eachSubnode(function(n) { + if(n.id != id) { + n.data.$orn = opp; + tag(n); + } + }); + })(rootNode); + delete clickedNode.data.$orn; + } + this.root = id; + this.clickedNode = clickedNode; + this.graph.computeLevels(this.root, 0, "ignore"); + this.geom.setRightLevelToShow(clickedNode, canvas, { + execHide: false, + onShow: function(node) { + if(!node.drawn) { + node.drawn = true; + node.setData('alpha', 1, 'end'); + node.setData('alpha', 0); + node.pos.setc(clickedNode.pos.x, clickedNode.pos.y); + } + } + }); + this.compute('end'); + this.busy = true; + this.fx.animate({ + modes: ['linear', 'node-property:alpha'], + onComplete: function() { + that.busy = false; + that.onClick(id, { + onComplete: function() { + onComplete && onComplete.onComplete(); + } + }); + } + }); + } + + // delete previous orientations (if any) + delete rootNode.data.$orns; + + if(method == 'animate') { + $setRoot.call(this); + that.selectPath(clickedNode); + } else if(method == 'replot') { + $setRoot.call(this); + this.select(this.root); + } + }, + + /* + Method: addSubtree + + Adds a subtree. + + Parameters: + subtree - (object) A JSON Tree object. See also . + method - (string) Set this to "animate" if you want to animate the tree after adding the subtree. You can also set this parameter to "replot" to just replot the subtree. + onComplete - (optional|object) An action to perform after the animation (if any). + + Example: + + (start code js) + st.addSubtree(json, 'animate', { + onComplete: function() { + alert('complete!'); + } + }); + (end code) + */ + addSubtree: function(subtree, method, onComplete) { + if(method == 'replot') { + this.op.sum(subtree, $.extend({ type: 'replot' }, onComplete || {})); + } else if (method == 'animate') { + this.op.sum(subtree, $.extend({ type: 'fade:seq' }, onComplete || {})); + } + }, + + /* + Method: removeSubtree + + Removes a subtree. + + Parameters: + id - (string) The _id_ of the subtree to be removed. + removeRoot - (boolean) Default's *false*. Remove the root of the subtree or only its subnodes. + method - (string) Set this to "animate" if you want to animate the tree after removing the subtree. You can also set this parameter to "replot" to just replot the subtree. + onComplete - (optional|object) An action to perform after the animation (if any). + + Example: + + (start code js) + st.removeSubtree('idOfSubtreeToBeRemoved', false, 'animate', { + onComplete: function() { + alert('complete!'); + } + }); + (end code) + + */ + removeSubtree: function(id, removeRoot, method, onComplete) { + var node = this.graph.getNode(id), subids = []; + node.eachLevel(+!removeRoot, false, function(n) { + subids.push(n.id); + }); + if(method == 'replot') { + this.op.removeNode(subids, $.extend({ type: 'replot' }, onComplete || {})); + } else if (method == 'animate') { + this.op.removeNode(subids, $.extend({ type: 'fade:seq'}, onComplete || {})); + } + }, + + /* + Method: select + + Selects a node in the without performing an animation. Useful when selecting + nodes which are currently hidden or deep inside the tree. + + Parameters: + id - (string) The id of the node to select. + onComplete - (optional|object) an onComplete callback. + + Example: + (start code js) + st.select('mynodeid', { + onComplete: function() { + alert('complete!'); + } + }); + (end code) + */ + select: function(id, onComplete) { + var group = this.group, geom = this.geom; + var node= this.graph.getNode(id), canvas = this.canvas; + var root = this.graph.getNode(this.root); + var complete = $.merge(this.controller, onComplete); + var that = this; + + complete.onBeforeCompute(node); + this.selectPath(node); + this.clickedNode= node; + this.requestNodes(node, { + onComplete: function(){ + group.hide(group.prepare(getNodesToHide.call(that)), complete); + geom.setRightLevelToShow(node, canvas); + that.compute("current"); + that.graph.eachNode(function(n) { + var pos = n.pos.getc(true); + n.startPos.setc(pos.x, pos.y); + n.endPos.setc(pos.x, pos.y); + n.visited = false; + }); + var offset = { x: complete.offsetX, y: complete.offsetY }; + that.geom.translate(node.endPos.add(offset).$scale(-1), ["start", "current", "end"]); + group.show(getNodesToShow.call(that)); + that.plot(); + complete.onAfterCompute(that.clickedNode); + complete.onComplete(); + } + }); + }, + + /* + Method: onClick + + Animates the to center the node specified by *id*. + + Parameters: + + id - (string) A node id. + options - (optional|object) A group of options and callbacks described below. + onComplete - (object) An object callback called when the animation finishes. + Move - (object) An object that has as properties _offsetX_ or _offsetY_ for adding some offset position to the centered node. + + Example: + + (start code js) + st.onClick('mynodeid', { + Move: { + enable: true, + offsetX: 30, + offsetY: 5 + }, + onComplete: function() { + alert('yay!'); + } + }); + (end code) + + */ + onClick: function (id, options) { + var canvas = this.canvas, that = this, Geom = this.geom, config = this.config; + var innerController = { + Move: { + enable: true, + offsetX: config.offsetX || 0, + offsetY: config.offsetY || 0 + }, + setRightLevelToShowConfig: false, + onBeforeRequest: $.empty, + onBeforeContract: $.empty, + onBeforeMove: $.empty, + onBeforeExpand: $.empty + }; + var complete = $.merge(this.controller, innerController, options); + + if(!this.busy) { + this.busy = true; + var node = this.graph.getNode(id); + this.selectPath(node, this.clickedNode); + this.clickedNode = node; + complete.onBeforeCompute(node); + complete.onBeforeRequest(node); + this.requestNodes(node, { + onComplete: function() { + complete.onBeforeContract(node); + that.contract({ + onComplete: function() { + Geom.setRightLevelToShow(node, canvas, complete.setRightLevelToShowConfig); + complete.onBeforeMove(node); + that.move(node, { + Move: complete.Move, + onComplete: function() { + complete.onBeforeExpand(node); + that.expand(node, { + onComplete: function() { + that.busy = false; + complete.onAfterCompute(id); + complete.onComplete(); + } + }); // expand + } + }); // move + } + });// contract + } + });// request + } + } + }); + +})(); + +$jit.ST.$extend = true; + +/* + Class: ST.Op + + Custom extension of . + + Extends: + + All methods + + See also: + + + +*/ +$jit.ST.Op = new Class({ + + Implements: Graph.Op + +}); + +/* + + Performs operations on group of nodes. + +*/ +$jit.ST.Group = new Class({ + + initialize: function(viz) { + this.viz = viz; + this.canvas = viz.canvas; + this.config = viz.config; + this.animation = new Animation; + this.nodes = null; + }, + + /* + + Calls the request method on the controller to request a subtree for each node. + */ + requestNodes: function(nodes, controller) { + var counter = 0, len = nodes.length, nodeSelected = {}; + var complete = function() { controller.onComplete(); }; + var viz = this.viz; + if(len == 0) complete(); + for(var i=0; i= b._depth); }); + for(var i=0; i 0 + && n.drawn) { + n.drawn = false; + nds[node.id].push(n); + } else if((!root || !orns) && n.drawn) { + n.drawn = false; + nds[node.id].push(n); + } + }); + node.drawn = true; + } + // plot the whole (non-scaled) tree + if(nodes.length > 0) viz.fx.plot(); + // show nodes that were previously hidden + for(i in nds) { + $.each(nds[i], function(n) { n.drawn = true; }); + } + // plot each scaled subtree + for(i=0; i method + (end code) + +*/ + +$jit.ST.Geom = new Class({ + Implements: Graph.Geom, + /* + Changes the tree current orientation to the one specified. + + You should usually use instead. + */ + switchOrientation: function(orn) { + this.config.orientation = orn; + }, + + /* + Makes a value dispatch according to the current layout + Works like a CSS property, either _top-right-bottom-left_ or _top|bottom - left|right_. + */ + dispatch: function() { + // TODO(nico) should store Array.prototype.slice.call somewhere. + var args = Array.prototype.slice.call(arguments); + var s = args.shift(), len = args.length; + var val = function(a) { return typeof a == 'function'? a() : a; }; + if(len == 2) { + return (s == "top" || s == "bottom")? val(args[0]) : val(args[1]); + } else if(len == 4) { + switch(s) { + case "top": return val(args[0]); + case "right": return val(args[1]); + case "bottom": return val(args[2]); + case "left": return val(args[3]); + } + } + return undefined; + }, + + /* + Returns label height or with, depending on the tree current orientation. + */ + getSize: function(n, invert) { + var data = n.data, config = this.config; + var siblingOffset = config.siblingOffset; + var s = (config.multitree + && ('$orn' in data) + && data.$orn) || config.orientation; + var w = n.getData('width') + siblingOffset; + var h = n.getData('height') + siblingOffset; + if(!invert) + return this.dispatch(s, h, w); + else + return this.dispatch(s, w, h); + }, + + /* + Calculates a subtree base size. This is an utility function used by _getBaseSize_ + */ + getTreeBaseSize: function(node, level, leaf) { + var size = this.getSize(node, true), baseHeight = 0, that = this; + if(leaf(level, node)) return size; + if(level === 0) return 0; + node.eachSubnode(function(elem) { + baseHeight += that.getTreeBaseSize(elem, level -1, leaf); + }); + return (size > baseHeight? size : baseHeight) + this.config.subtreeOffset; + }, + + + /* + getEdge + + Returns a Complex instance with the begin or end position of the edge to be plotted. + + Parameters: + + node - A that is connected to this edge. + type - Returns the begin or end edge position. Possible values are 'begin' or 'end'. + + Returns: + + A number specifying the begin or end position. + */ + getEdge: function(node, type, s) { + var $C = function(a, b) { + return function(){ + return node.pos.add(new Complex(a, b)); + }; + }; + var dim = this.node; + var w = node.getData('width'); + var h = node.getData('height'); + + if(type == 'begin') { + if(dim.align == "center") { + return this.dispatch(s, $C(0, h/2), $C(-w/2, 0), + $C(0, -h/2),$C(w/2, 0)); + } else if(dim.align == "left") { + return this.dispatch(s, $C(0, h), $C(0, 0), + $C(0, 0), $C(w, 0)); + } else if(dim.align == "right") { + return this.dispatch(s, $C(0, 0), $C(-w, 0), + $C(0, -h),$C(0, 0)); + } else throw "align: not implemented"; + + + } else if(type == 'end') { + if(dim.align == "center") { + return this.dispatch(s, $C(0, -h/2), $C(w/2, 0), + $C(0, h/2), $C(-w/2, 0)); + } else if(dim.align == "left") { + return this.dispatch(s, $C(0, 0), $C(w, 0), + $C(0, h), $C(0, 0)); + } else if(dim.align == "right") { + return this.dispatch(s, $C(0, -h),$C(0, 0), + $C(0, 0), $C(-w, 0)); + } else throw "align: not implemented"; + } + }, + + /* + Adjusts the tree position due to canvas scaling or translation. + */ + getScaledTreePosition: function(node, scale) { + var dim = this.node; + var w = node.getData('width'); + var h = node.getData('height'); + var s = (this.config.multitree + && ('$orn' in node.data) + && node.data.$orn) || this.config.orientation; + + var $C = function(a, b) { + return function(){ + return node.pos.add(new Complex(a, b)).$scale(1 - scale); + }; + }; + if(dim.align == "left") { + return this.dispatch(s, $C(0, h), $C(0, 0), + $C(0, 0), $C(w, 0)); + } else if(dim.align == "center") { + return this.dispatch(s, $C(0, h / 2), $C(-w / 2, 0), + $C(0, -h / 2),$C(w / 2, 0)); + } else if(dim.align == "right") { + return this.dispatch(s, $C(0, 0), $C(-w, 0), + $C(0, -h),$C(0, 0)); + } else throw "align: not implemented"; + }, + + /* + treeFitsInCanvas + + Returns a Boolean if the current subtree fits in canvas. + + Parameters: + + node - A which is the current root of the subtree. + canvas - The object. + level - The depth of the subtree to be considered. + */ + treeFitsInCanvas: function(node, canvas, level) { + var csize = canvas.getSize(); + var s = (this.config.multitree + && ('$orn' in node.data) + && node.data.$orn) || this.config.orientation; + + var size = this.dispatch(s, csize.width, csize.height); + var baseSize = this.getTreeBaseSize(node, level, function(level, node) { + return level === 0 || !node.anySubnode(); + }); + return (baseSize < size); + } +}); + +/* + Class: ST.Plot + + Custom extension of . + + Extends: + + All methods + + See also: + + + +*/ +$jit.ST.Plot = new Class({ + + Implements: Graph.Plot, + + /* + Plots a subtree from the spacetree. + */ + plotSubtree: function(node, opt, scale, animating) { + var viz = this.viz, canvas = viz.canvas, config = viz.config; + scale = Math.min(Math.max(0.001, scale), 1); + if(scale >= 0) { + node.drawn = false; + var ctx = canvas.getCtx(); + var diff = viz.geom.getScaledTreePosition(node, scale); + ctx.translate(diff.x, diff.y); + ctx.scale(scale, scale); + } + this.plotTree(node, $.merge(opt, { + 'withLabels': true, + 'hideLabels': !!scale, + 'plotSubtree': function(n, ch) { + var root = config.multitree && !('$orn' in node.data); + var orns = root && node.getData('orns'); + return !root || orns.indexOf(node.getData('orn')) > -1; + } + }), animating); + if(scale >= 0) node.drawn = true; + }, + + /* + Method: getAlignedPos + + Returns a *x, y* object with the position of the top/left corner of a node. + + Parameters: + + pos - (object) A position. + width - (number) The width of the node. + height - (number) The height of the node. + + */ + getAlignedPos: function(pos, width, height) { + var nconfig = this.node; + var square, orn; + if(nconfig.align == "center") { + square = { + x: pos.x - width / 2, + y: pos.y - height / 2 + }; + } else if (nconfig.align == "left") { + orn = this.config.orientation; + if(orn == "bottom" || orn == "top") { + square = { + x: pos.x - width / 2, + y: pos.y + }; + } else { + square = { + x: pos.x, + y: pos.y - height / 2 + }; + } + } else if(nconfig.align == "right") { + orn = this.config.orientation; + if(orn == "bottom" || orn == "top") { + square = { + x: pos.x - width / 2, + y: pos.y - height + }; + } else { + square = { + x: pos.x - width, + y: pos.y - height / 2 + }; + } + } else throw "align: not implemented"; + + return square; + }, + + getOrientation: function(adj) { + var config = this.config; + var orn = config.orientation; + + if(config.multitree) { + var nodeFrom = adj.nodeFrom; + var nodeTo = adj.nodeTo; + orn = (('$orn' in nodeFrom.data) + && nodeFrom.data.$orn) + || (('$orn' in nodeTo.data) + && nodeTo.data.$orn); + } + + return orn; + } +}); + +/* + Class: ST.Label + + Custom extension of . + Contains custom , and extensions. + + Extends: + + All methods and subclasses. + + See also: + + , , , . + */ +$jit.ST.Label = {}; + +/* + ST.Label.Native + + Custom extension of . + + Extends: + + All methods + + See also: + + +*/ +$jit.ST.Label.Native = new Class({ + Implements: Graph.Label.Native, + + renderLabel: function(canvas, node, controller) { + var ctx = canvas.getCtx(), + coord = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'), + pos = this.viz.fx.getAlignedPos(coord, width, height); + ctx.fillText(node.name, pos.x + width / 2, pos.y + height / 2); + } +}); + +$jit.ST.Label.DOM = new Class({ + Implements: Graph.Label.DOM, + + /* + placeLabel + + Overrides abstract method placeLabel in . + + Parameters: + + tag - A DOM label element. + node - A . + controller - A configuration/controller object passed to the visualization. + + */ + placeLabel: function(tag, node, controller) { + var pos = node.pos.getc(true), + config = this.viz.config, + dim = config.Node, + canvas = this.viz.canvas, + w = node.getData('width'), + h = node.getData('height'), + radius = canvas.getSize(), + labelPos, orn; + + var ox = canvas.translateOffsetX, + oy = canvas.translateOffsetY, + sx = canvas.scaleOffsetX, + sy = canvas.scaleOffsetY, + posx = pos.x * sx + ox, + posy = pos.y * sy + oy; + + if(dim.align == "center") { + labelPos= { + x: Math.round(posx - w / 2 + radius.width/2), + y: Math.round(posy - h / 2 + radius.height/2) + }; + } else if (dim.align == "left") { + orn = config.orientation; + if(orn == "bottom" || orn == "top") { + labelPos= { + x: Math.round(posx - w / 2 + radius.width/2), + y: Math.round(posy + radius.height/2) + }; + } else { + labelPos= { + x: Math.round(posx + radius.width/2), + y: Math.round(posy - h / 2 + radius.height/2) + }; + } + } else if(dim.align == "right") { + orn = config.orientation; + if(orn == "bottom" || orn == "top") { + labelPos= { + x: Math.round(posx - w / 2 + radius.width/2), + y: Math.round(posy - h + radius.height/2) + }; + } else { + labelPos= { + x: Math.round(posx - w + radius.width/2), + y: Math.round(posy - h / 2 + radius.height/2) + }; + } + } else throw "align: not implemented"; + + var style = tag.style; + style.left = labelPos.x + 'px'; + style.top = labelPos.y + 'px'; + style.display = this.fitsInCanvas(labelPos, canvas)? '' : 'none'; + controller.onPlaceLabel(tag, node); + } +}); + +/* + ST.Label.SVG + + Custom extension of . + + Extends: + + All methods + + See also: + + +*/ +$jit.ST.Label.SVG = new Class({ + Implements: [$jit.ST.Label.DOM, Graph.Label.SVG], + + initialize: function(viz) { + this.viz = viz; + } +}); + +/* + ST.Label.HTML + + Custom extension of . + + Extends: + + All methods. + + See also: + + + +*/ +$jit.ST.Label.HTML = new Class({ + Implements: [$jit.ST.Label.DOM, Graph.Label.HTML], + + initialize: function(viz) { + this.viz = viz; + } +}); + + +/* + Class: ST.Plot.NodeTypes + + This class contains a list of built-in types. + Node types implemented are 'none', 'circle', 'rectangle', 'ellipse' and 'square'. + + You can add your custom node types, customizing your visualization to the extreme. + + Example: + + (start code js) + ST.Plot.NodeTypes.implement({ + 'mySpecialType': { + 'render': function(node, canvas) { + //print your custom node to canvas + }, + //optional + 'contains': function(node, pos) { + //return true if pos is inside the node or false otherwise + } + } + }); + (end code) + +*/ +$jit.ST.Plot.NodeTypes = new Class({ + 'none': { + 'render': $.empty, + 'contains': $.lambda(false) + }, + 'circle': { + 'render': function(node, canvas) { + var dim = node.getData('dim'), + pos = this.getAlignedPos(node.pos.getc(true), dim, dim), + dim2 = dim/2; + this.nodeHelper.circle.render('fill', {x:pos.x+dim2, y:pos.y+dim2}, dim2, canvas); + }, + 'contains': function(node, pos) { + var dim = node.getData('dim'), + npos = this.getAlignedPos(node.pos.getc(true), dim, dim), + dim2 = dim/2; + this.nodeHelper.circle.contains({x:npos.x+dim2, y:npos.y+dim2}, pos, dim2); + } + }, + 'square': { + 'render': function(node, canvas) { + var dim = node.getData('dim'), + dim2 = dim/2, + pos = this.getAlignedPos(node.pos.getc(true), dim, dim); + this.nodeHelper.square.render('fill', {x:pos.x+dim2, y:pos.y+dim2}, dim2, canvas); + }, + 'contains': function(node, pos) { + var dim = node.getData('dim'), + npos = this.getAlignedPos(node.pos.getc(true), dim, dim), + dim2 = dim/2; + this.nodeHelper.square.contains({x:npos.x+dim2, y:npos.y+dim2}, pos, dim2); + } + }, + 'ellipse': { + 'render': function(node, canvas) { + var width = node.getData('width'), + height = node.getData('height'), + pos = this.getAlignedPos(node.pos.getc(true), width, height); + this.nodeHelper.ellipse.render('fill', {x:pos.x+width/2, y:pos.y+height/2}, width, height, canvas); + }, + 'contains': function(node, pos) { + var width = node.getData('width'), + height = node.getData('height'), + npos = this.getAlignedPos(node.pos.getc(true), width, height); + this.nodeHelper.ellipse.contains({x:npos.x+width/2, y:npos.y+height/2}, pos, width, height); + } + }, + 'rectangle': { + 'render': function(node, canvas) { + var width = node.getData('width'), + height = node.getData('height'), + pos = this.getAlignedPos(node.pos.getc(true), width, height); + this.nodeHelper.rectangle.render('fill', {x:pos.x+width/2, y:pos.y+height/2}, width, height, canvas); + }, + 'contains': function(node, pos) { + var width = node.getData('width'), + height = node.getData('height'), + npos = this.getAlignedPos(node.pos.getc(true), width, height); + this.nodeHelper.rectangle.contains({x:npos.x+width/2, y:npos.y+height/2}, pos, width, height); + } + } +}); + +/* + Class: ST.Plot.EdgeTypes + + This class contains a list of built-in types. + Edge types implemented are 'none', 'line', 'arrow', 'quadratic:begin', 'quadratic:end', 'bezier'. + + You can add your custom edge types, customizing your visualization to the extreme. + + Example: + + (start code js) + ST.Plot.EdgeTypes.implement({ + 'mySpecialType': { + 'render': function(adj, canvas) { + //print your custom edge to canvas + }, + //optional + 'contains': function(adj, pos) { + //return true if pos is inside the arc or false otherwise + } + } + }); + (end code) + +*/ +$jit.ST.Plot.EdgeTypes = new Class({ + 'none': $.empty, + 'line': { + 'render': function(adj, canvas) { + var orn = this.getOrientation(adj), + nodeFrom = adj.nodeFrom, + nodeTo = adj.nodeTo, + rel = nodeFrom._depth < nodeTo._depth, + from = this.viz.geom.getEdge(rel? nodeFrom:nodeTo, 'begin', orn), + to = this.viz.geom.getEdge(rel? nodeTo:nodeFrom, 'end', orn); + this.edgeHelper.line.render(from, to, canvas); + }, + 'contains': function(adj, pos) { + var orn = this.getOrientation(adj), + nodeFrom = adj.nodeFrom, + nodeTo = adj.nodeTo, + rel = nodeFrom._depth < nodeTo._depth, + from = this.viz.geom.getEdge(rel? nodeFrom:nodeTo, 'begin', orn), + to = this.viz.geom.getEdge(rel? nodeTo:nodeFrom, 'end', orn); + return this.edgeHelper.line.contains(from, to, pos, this.edge.epsilon); + } + }, + 'arrow': { + 'render': function(adj, canvas) { + var orn = this.getOrientation(adj), + node = adj.nodeFrom, + child = adj.nodeTo, + dim = adj.getData('dim'), + from = this.viz.geom.getEdge(node, 'begin', orn), + to = this.viz.geom.getEdge(child, 'end', orn), + direction = adj.data.$direction, + inv = (direction && direction.length>1 && direction[0] != node.id); + this.edgeHelper.arrow.render(from, to, dim, inv, canvas); + }, + 'contains': function(adj, pos) { + var orn = this.getOrientation(adj), + nodeFrom = adj.nodeFrom, + nodeTo = adj.nodeTo, + rel = nodeFrom._depth < nodeTo._depth, + from = this.viz.geom.getEdge(rel? nodeFrom:nodeTo, 'begin', orn), + to = this.viz.geom.getEdge(rel? nodeTo:nodeFrom, 'end', orn); + return this.edgeHelper.arrow.contains(from, to, pos, this.edge.epsilon); + } + }, + 'quadratic:begin': { + 'render': function(adj, canvas) { + var orn = this.getOrientation(adj); + var nodeFrom = adj.nodeFrom, + nodeTo = adj.nodeTo, + rel = nodeFrom._depth < nodeTo._depth, + begin = this.viz.geom.getEdge(rel? nodeFrom:nodeTo, 'begin', orn), + end = this.viz.geom.getEdge(rel? nodeTo:nodeFrom, 'end', orn), + dim = adj.getData('dim'), + ctx = canvas.getCtx(); + ctx.beginPath(); + ctx.moveTo(begin.x, begin.y); + switch(orn) { + case "left": + ctx.quadraticCurveTo(begin.x + dim, begin.y, end.x, end.y); + break; + case "right": + ctx.quadraticCurveTo(begin.x - dim, begin.y, end.x, end.y); + break; + case "top": + ctx.quadraticCurveTo(begin.x, begin.y + dim, end.x, end.y); + break; + case "bottom": + ctx.quadraticCurveTo(begin.x, begin.y - dim, end.x, end.y); + break; + } + ctx.stroke(); + } + }, + 'quadratic:end': { + 'render': function(adj, canvas) { + var orn = this.getOrientation(adj); + var nodeFrom = adj.nodeFrom, + nodeTo = adj.nodeTo, + rel = nodeFrom._depth < nodeTo._depth, + begin = this.viz.geom.getEdge(rel? nodeFrom:nodeTo, 'begin', orn), + end = this.viz.geom.getEdge(rel? nodeTo:nodeFrom, 'end', orn), + dim = adj.getData('dim'), + ctx = canvas.getCtx(); + ctx.beginPath(); + ctx.moveTo(begin.x, begin.y); + switch(orn) { + case "left": + ctx.quadraticCurveTo(end.x - dim, end.y, end.x, end.y); + break; + case "right": + ctx.quadraticCurveTo(end.x + dim, end.y, end.x, end.y); + break; + case "top": + ctx.quadraticCurveTo(end.x, end.y - dim, end.x, end.y); + break; + case "bottom": + ctx.quadraticCurveTo(end.x, end.y + dim, end.x, end.y); + break; + } + ctx.stroke(); + } + }, + 'bezier': { + 'render': function(adj, canvas) { + var orn = this.getOrientation(adj), + nodeFrom = adj.nodeFrom, + nodeTo = adj.nodeTo, + rel = nodeFrom._depth < nodeTo._depth, + begin = this.viz.geom.getEdge(rel? nodeFrom:nodeTo, 'begin', orn), + end = this.viz.geom.getEdge(rel? nodeTo:nodeFrom, 'end', orn), + dim = adj.getData('dim'), + ctx = canvas.getCtx(); + ctx.beginPath(); + ctx.moveTo(begin.x, begin.y); + switch(orn) { + case "left": + ctx.bezierCurveTo(begin.x + dim, begin.y, end.x - dim, end.y, end.x, end.y); + break; + case "right": + ctx.bezierCurveTo(begin.x - dim, begin.y, end.x + dim, end.y, end.x, end.y); + break; + case "top": + ctx.bezierCurveTo(begin.x, begin.y + dim, end.x, end.y - dim, end.x, end.y); + break; + case "bottom": + ctx.bezierCurveTo(begin.x, begin.y - dim, end.x, end.y + dim, end.x, end.y); + break; + } + ctx.stroke(); + } + } +}); + + + +/* + * File: AreaChart.js + * +*/ + +$jit.ST.Plot.NodeTypes.implement({ + 'areachart-stacked' : { + 'render' : function(node, canvas) { + var pos = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'), + algnPos = this.getAlignedPos(pos, width, height), + x = algnPos.x, y = algnPos.y, + stringArray = node.getData('stringArray'), + dimArray = node.getData('dimArray'), + valArray = node.getData('valueArray'), + valLeft = $.reduce(valArray, function(x, y) { return x + y[0]; }, 0), + valRight = $.reduce(valArray, function(x, y) { return x + y[1]; }, 0), + colorArray = node.getData('colorArray'), + colorLength = colorArray.length, + config = node.getData('config'), + gradient = node.getData('gradient'), + showLabels = config.showLabels, + aggregates = config.showAggregates, + label = config.Label, + prev = node.getData('prev'); + + var ctx = canvas.getCtx(), border = node.getData('border'); + if (colorArray && dimArray && stringArray) { + for (var i=0, l=dimArray.length, acumLeft=0, acumRight=0, valAcum=0; i 0 || dimArray[i][1] > 0)) { + var h1 = acumLeft + dimArray[i][0], + h2 = acumRight + dimArray[i][1], + alpha = Math.atan((h2 - h1) / width), + delta = 55; + var linear = ctx.createLinearGradient(x + width/2, + y - (h1 + h2)/2, + x + width/2 + delta * Math.sin(alpha), + y - (h1 + h2)/2 + delta * Math.cos(alpha)); + var color = $.rgbToHex($.map($.hexToRgb(colorArray[i % colorLength].slice(1)), + function(v) { return (v * 0.85) >> 0; })); + linear.addColorStop(0, colorArray[i % colorLength]); + linear.addColorStop(1, color); + ctx.fillStyle = linear; + } + ctx.beginPath(); + ctx.moveTo(x, y - acumLeft); + ctx.lineTo(x + width, y - acumRight); + ctx.lineTo(x + width, y - acumRight - dimArray[i][1]); + ctx.lineTo(x, y - acumLeft - dimArray[i][0]); + ctx.lineTo(x, y - acumLeft); + ctx.fill(); + ctx.restore(); + if(border) { + var strong = border.name == stringArray[i]; + var perc = strong? 0.7 : 0.8; + var color = $.rgbToHex($.map($.hexToRgb(colorArray[i % colorLength].slice(1)), + function(v) { return (v * perc) >> 0; })); + ctx.strokeStyle = color; + ctx.lineWidth = strong? 4 : 1; + ctx.save(); + ctx.beginPath(); + if(border.index === 0) { + ctx.moveTo(x, y - acumLeft); + ctx.lineTo(x, y - acumLeft - dimArray[i][0]); + } else { + ctx.moveTo(x + width, y - acumRight); + ctx.lineTo(x + width, y - acumRight - dimArray[i][1]); + } + ctx.stroke(); + ctx.restore(); + } + acumLeft += (dimArray[i][0] || 0); + acumRight += (dimArray[i][1] || 0); + + if(dimArray[i][0] > 0) + valAcum += (valArray[i][0] || 0); + } + if(prev && label.type == 'Native') { + ctx.save(); + ctx.beginPath(); + ctx.fillStyle = ctx.strokeStyle = label.color; + ctx.font = label.style + ' ' + label.size + 'px ' + label.family; + ctx.textAlign = 'center'; + ctx.textBaseline = 'middle'; + var aggValue = aggregates(node.name, valLeft, valRight, node, valAcum); + if(aggValue !== false) { + ctx.fillText(aggValue !== true? aggValue : valAcum, x, y - acumLeft - config.labelOffset - label.size/2, width); + } + if(showLabels(node.name, valLeft, valRight, node)) { + ctx.fillText(node.name, x, y + label.size/2 + config.labelOffset); + } + ctx.restore(); + } + } + }, + 'contains': function(node, mpos) { + var pos = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'), + algnPos = this.getAlignedPos(pos, width, height), + x = algnPos.x, y = algnPos.y, + dimArray = node.getData('dimArray'), + rx = mpos.x - x; + //bounding box check + if(mpos.x < x || mpos.x > x + width + || mpos.y > y || mpos.y < y - height) { + return false; + } + //deep check + for(var i=0, l=dimArray.length, lAcum=y, rAcum=y; i= intersec) { + var index = +(rx > width/2); + return { + 'name': node.getData('stringArray')[i], + 'color': node.getData('colorArray')[i], + 'value': node.getData('valueArray')[i][index], + 'index': index + }; + } + } + return false; + } + } +}); + +/* + Class: AreaChart + + A visualization that displays stacked area charts. + + Constructor Options: + + See . + +*/ +$jit.AreaChart = new Class({ + st: null, + colors: ["#416D9C", "#70A35E", "#EBB056", "#C74243", "#83548B", "#909291", "#557EAA"], + selected: {}, + busy: false, + + initialize: function(opt) { + this.controller = this.config = + $.merge(Options("Canvas", "Margin", "Label", "AreaChart"), { + Label: { type: 'Native' } + }, opt); + //set functions for showLabels and showAggregates + var showLabels = this.config.showLabels, + typeLabels = $.type(showLabels), + showAggregates = this.config.showAggregates, + typeAggregates = $.type(showAggregates); + this.config.showLabels = typeLabels == 'function'? showLabels : $.lambda(showLabels); + this.config.showAggregates = typeAggregates == 'function'? showAggregates : $.lambda(showAggregates); + + this.initializeViz(); + }, + + initializeViz: function() { + var config = this.config, + that = this, + nodeType = config.type.split(":")[0], + nodeLabels = {}; + + var delegate = new $jit.ST({ + injectInto: config.injectInto, + width: config.width, + height: config.height, + orientation: "bottom", + levelDistance: 0, + siblingOffset: 0, + subtreeOffset: 0, + withLabels: config.Label.type != 'Native', + useCanvas: config.useCanvas, + Label: { + type: config.Label.type + }, + Node: { + overridable: true, + type: 'areachart-' + nodeType, + align: 'left', + width: 1, + height: 1 + }, + Edge: { + type: 'none' + }, + Tips: { + enable: config.Tips.enable, + type: 'Native', + force: true, + onShow: function(tip, node, contains) { + var elem = contains; + config.Tips.onShow(tip, elem, node); + } + }, + Events: { + enable: true, + type: 'Native', + onClick: function(node, eventInfo, evt) { + if(!config.filterOnClick && !config.Events.enable) return; + var elem = eventInfo.getContains(); + if(elem) config.filterOnClick && that.filter(elem.name); + config.Events.enable && config.Events.onClick(elem, eventInfo, evt); + }, + onRightClick: function(node, eventInfo, evt) { + if(!config.restoreOnRightClick) return; + that.restore(); + }, + onMouseMove: function(node, eventInfo, evt) { + if(!config.selectOnHover) return; + if(node) { + var elem = eventInfo.getContains(); + that.select(node.id, elem.name, elem.index); + } else { + that.select(false, false, false); + } + } + }, + onCreateLabel: function(domElement, node) { + var labelConf = config.Label, + valueArray = node.getData('valueArray'), + acumLeft = $.reduce(valueArray, function(x, y) { return x + y[0]; }, 0), + acumRight = $.reduce(valueArray, function(x, y) { return x + y[1]; }, 0); + if(node.getData('prev')) { + var nlbs = { + wrapper: document.createElement('div'), + aggregate: document.createElement('div'), + label: document.createElement('div') + }; + var wrapper = nlbs.wrapper, + label = nlbs.label, + aggregate = nlbs.aggregate, + wrapperStyle = wrapper.style, + labelStyle = label.style, + aggregateStyle = aggregate.style; + //store node labels + nodeLabels[node.id] = nlbs; + //append labels + wrapper.appendChild(label); + wrapper.appendChild(aggregate); + if(!config.showLabels(node.name, acumLeft, acumRight, node)) { + label.style.display = 'none'; + } + if(!config.showAggregates(node.name, acumLeft, acumRight, node)) { + aggregate.style.display = 'none'; + } + wrapperStyle.position = 'relative'; + wrapperStyle.overflow = 'visible'; + wrapperStyle.fontSize = labelConf.size + 'px'; + wrapperStyle.fontFamily = labelConf.family; + wrapperStyle.color = labelConf.color; + wrapperStyle.textAlign = 'center'; + aggregateStyle.position = labelStyle.position = 'absolute'; + + domElement.style.width = node.getData('width') + 'px'; + domElement.style.height = node.getData('height') + 'px'; + label.innerHTML = node.name; + + domElement.appendChild(wrapper); + } + }, + onPlaceLabel: function(domElement, node) { + if(!node.getData('prev')) return; + var labels = nodeLabels[node.id], + wrapperStyle = labels.wrapper.style, + labelStyle = labels.label.style, + aggregateStyle = labels.aggregate.style, + width = node.getData('width'), + height = node.getData('height'), + dimArray = node.getData('dimArray'), + valArray = node.getData('valueArray'), + acumLeft = $.reduce(valArray, function(x, y) { return x + y[0]; }, 0), + acumRight = $.reduce(valArray, function(x, y) { return x + y[1]; }, 0), + font = parseInt(wrapperStyle.fontSize, 10), + domStyle = domElement.style; + + if(dimArray && valArray) { + if(config.showLabels(node.name, acumLeft, acumRight, node)) { + labelStyle.display = ''; + } else { + labelStyle.display = 'none'; + } + var aggValue = config.showAggregates(node.name, acumLeft, acumRight, node); + if(aggValue !== false) { + aggregateStyle.display = ''; + } else { + aggregateStyle.display = 'none'; + } + wrapperStyle.width = aggregateStyle.width = labelStyle.width = domElement.style.width = width + 'px'; + aggregateStyle.left = labelStyle.left = -width/2 + 'px'; + for(var i=0, l=valArray.length, acum=0, leftAcum=0; i 0) { + acum+= valArray[i][0]; + leftAcum+= dimArray[i][0]; + } + } + aggregateStyle.top = (-font - config.labelOffset) + 'px'; + labelStyle.top = (config.labelOffset + leftAcum) + 'px'; + domElement.style.top = parseInt(domElement.style.top, 10) - leftAcum + 'px'; + domElement.style.height = wrapperStyle.height = leftAcum + 'px'; + labels.aggregate.innerHTML = aggValue !== true? aggValue : acum; + } + } + }); + + var size = delegate.canvas.getSize(), + margin = config.Margin; + delegate.config.offsetY = -size.height/2 + margin.bottom + + (config.showLabels && (config.labelOffset + config.Label.size)); + delegate.config.offsetX = (margin.right - margin.left)/2; + this.delegate = delegate; + this.canvas = this.delegate.canvas; + }, + + /* + Method: loadJSON + + Loads JSON data into the visualization. + + Parameters: + + json - The JSON data format. This format is described in . + + Example: + (start code js) + var areaChart = new $jit.AreaChart(options); + areaChart.loadJSON(json); + (end code) + */ + loadJSON: function(json) { + var prefix = $.time(), + ch = [], + delegate = this.delegate, + name = $.splat(json.label), + color = $.splat(json.color || this.colors), + config = this.config, + gradient = !!config.type.split(":")[1], + animate = config.animate; + + for(var i=0, values=json.values, l=values.length; i. + onComplete - (object) A callback object to be called when the animation transition when updating the data end. + + Example: + + (start code js) + areaChart.updateJSON(json, { + onComplete: function() { + alert('update complete!'); + } + }); + (end code) + */ + updateJSON: function(json, onComplete) { + if(this.busy) return; + this.busy = true; + + var delegate = this.delegate, + graph = delegate.graph, + labels = json.label && $.splat(json.label), + values = json.values, + animate = this.config.animate, + that = this, + hashValues = {}; + + //convert the whole thing into a hash + for (var i = 0, l = values.length; i < l; i++) { + hashValues[values[i].label] = values[i]; + } + + graph.eachNode(function(n) { + var v = hashValues[n.name], + stringArray = n.getData('stringArray'), + valArray = n.getData('valueArray'), + next = n.getData('next'); + + if (v) { + v.values = $.splat(v.values); + $.each(valArray, function(a, i) { + a[0] = v.values[i]; + if(labels) stringArray[i] = labels[i]; + }); + n.setData('valueArray', valArray); + } + + if(next) { + v = hashValues[next]; + if(v) { + $.each(valArray, function(a, i) { + a[1] = v.values[i]; + }); + } + } + }); + this.normalizeDims(); + delegate.compute(); + delegate.select(delegate.root); + if(animate) { + delegate.fx.animate({ + modes: ['node-property:height:dimArray'], + duration:1500, + onComplete: function() { + that.busy = false; + onComplete && onComplete.onComplete(); + } + }); + } + }, + +/* + Method: filter + + Filter selected stacks, collapsing all other stacks. You can filter multiple stacks at the same time. + + Parameters: + + filters - (array) An array of strings with the name of the stacks to be filtered. + callback - (object) An object with an *onComplete* callback method. + + Example: + + (start code js) + areaChart.filter(['label A', 'label C'], { + onComplete: function() { + console.log('done!'); + } + }); + (end code) + + See also: + + . + */ + filter: function(filters, callback) { + if(this.busy) return; + this.busy = true; + if(this.config.Tips.enable) this.delegate.tips.hide(); + this.select(false, false, false); + var args = $.splat(filters); + var rt = this.delegate.graph.getNode(this.delegate.root); + var that = this; + this.normalizeDims(); + rt.eachAdjacency(function(adj) { + var n = adj.nodeTo, + dimArray = n.getData('dimArray', 'end'), + stringArray = n.getData('stringArray'); + n.setData('dimArray', $.map(dimArray, function(d, i) { + return ($.indexOf(args, stringArray[i]) > -1)? d:[0, 0]; + }), 'end'); + }); + this.delegate.fx.animate({ + modes: ['node-property:dimArray'], + duration:1500, + onComplete: function() { + that.busy = false; + callback && callback.onComplete(); + } + }); + }, + + /* + Method: restore + + Sets all stacks that could have been filtered visible. + + Example: + + (start code js) + areaChart.restore(); + (end code) + + See also: + + . + */ + restore: function(callback) { + if(this.busy) return; + this.busy = true; + if(this.config.Tips.enable) this.delegate.tips.hide(); + this.select(false, false, false); + this.normalizeDims(); + var that = this; + this.delegate.fx.animate({ + modes: ['node-property:height:dimArray'], + duration:1500, + onComplete: function() { + that.busy = false; + callback && callback.onComplete(); + } + }); + }, + //adds the little brown bar when hovering the node + select: function(id, name, index) { + if(!this.config.selectOnHover) return; + var s = this.selected; + if(s.id != id || s.name != name + || s.index != index) { + s.id = id; + s.name = name; + s.index = index; + this.delegate.graph.eachNode(function(n) { + n.setData('border', false); + }); + if(id) { + var n = this.delegate.graph.getNode(id); + n.setData('border', s); + var link = index === 0? 'prev':'next'; + link = n.getData(link); + if(link) { + n = this.delegate.graph.getByName(link); + if(n) { + n.setData('border', { + name: name, + index: 1-index + }); + } + } + } + this.delegate.plot(); + } + }, + + /* + Method: getLegend + + Returns an object containing as keys the legend names and as values hex strings with color values. + + Example: + + (start code js) + var legend = areaChart.getLegend(); + (end code) + */ + getLegend: function() { + var legend = {}; + var n; + this.delegate.graph.getNode(this.delegate.root).eachAdjacency(function(adj) { + n = adj.nodeTo; + }); + var colors = n.getData('colorArray'), + len = colors.length; + $.each(n.getData('stringArray'), function(s, i) { + legend[s] = colors[i % len]; + }); + return legend; + }, + + /* + Method: getMaxValue + + Returns the maximum accumulated value for the stacks. This method is used for normalizing the graph heights according to the canvas height. + + Example: + + (start code js) + var ans = areaChart.getMaxValue(); + (end code) + + In some cases it could be useful to override this method to normalize heights for a group of AreaCharts, like when doing small multiples. + + Example: + + (start code js) + //will return 100 for all AreaChart instances, + //displaying all of them with the same scale + $jit.AreaChart.implement({ + 'getMaxValue': function() { + return 100; + } + }); + (end code) + +*/ + getMaxValue: function() { + var maxValue = 0; + this.delegate.graph.eachNode(function(n) { + var valArray = n.getData('valueArray'), + acumLeft = 0, acumRight = 0; + $.each(valArray, function(v) { + acumLeft += +v[0]; + acumRight += +v[1]; + }); + var acum = acumRight>acumLeft? acumRight:acumLeft; + maxValue = maxValue>acum? maxValue:acum; + }); + return maxValue; + }, + + normalizeDims: function() { + //number of elements + var root = this.delegate.graph.getNode(this.delegate.root), l=0; + root.eachAdjacency(function() { + l++; + }); + var maxValue = this.getMaxValue() || 1, + size = this.delegate.canvas.getSize(), + config = this.config, + margin = config.Margin, + labelOffset = config.labelOffset + config.Label.size, + fixedDim = (size.width - (margin.left + margin.right)) / l, + animate = config.animate, + height = size.height - (margin.top + margin.bottom) - (config.showAggregates && labelOffset) + - (config.showLabels && labelOffset); + this.delegate.graph.eachNode(function(n) { + var acumLeft = 0, acumRight = 0, animateValue = []; + $.each(n.getData('valueArray'), function(v) { + acumLeft += +v[0]; + acumRight += +v[1]; + animateValue.push([0, 0]); + }); + var acum = acumRight>acumLeft? acumRight:acumLeft; + n.setData('width', fixedDim); + if(animate) { + n.setData('height', acum * height / maxValue, 'end'); + n.setData('dimArray', $.map(n.getData('valueArray'), function(n) { + return [n[0] * height / maxValue, n[1] * height / maxValue]; + }), 'end'); + var dimArray = n.getData('dimArray'); + if(!dimArray) { + n.setData('dimArray', animateValue); + } + } else { + n.setData('height', acum * height / maxValue); + n.setData('dimArray', $.map(n.getData('valueArray'), function(n) { + return [n[0] * height / maxValue, n[1] * height / maxValue]; + })); + } + }); + } +}); + + +/* + * File: Options.BarChart.js + * +*/ + +/* + Object: Options.BarChart + + options. + Other options included in the BarChart are , , , and . + + Syntax: + + (start code js) + + Options.BarChart = { + animate: true, + labelOffset: 3, + barsOffset: 0, + type: 'stacked', + hoveredColor: '#9fd4ff', + orientation: 'horizontal', + showAggregates: true, + showLabels: true + }; + + (end code) + + Example: + + (start code js) + + var barChart = new $jit.BarChart({ + animate: true, + barsOffset: 10, + type: 'stacked:gradient' + }); + + (end code) + + Parameters: + + animate - (boolean) Default's *true*. Whether to add animated transitions when filtering/restoring stacks. + offset - (number) Default's *25*. Adds margin between the visualization and the canvas. + labelOffset - (number) Default's *3*. Adds margin between the label and the default place where it should be drawn. + barsOffset - (number) Default's *0*. Separation between bars. + type - (string) Default's *'stacked'*. Stack or grouped styles. Posible values are 'stacked', 'grouped', 'stacked:gradient', 'grouped:gradient' to add gradients. + hoveredColor - (boolean|string) Default's *'#9fd4ff'*. Sets the selected color for a hovered bar stack. + orientation - (string) Default's 'horizontal'. Sets the direction of the bars. Possible options are 'vertical' or 'horizontal'. + showAggregates - (boolean, function) Default's *true*. Display the sum the values of each bar. Can also be a function that returns *true* or *false* to display the value of the bar or not. That same function can also return a string with the formatted data to be added. + showLabels - (boolean, function) Default's *true*. Display the name of the slots. Can also be a function that returns *true* or *false* for each bar to decide whether to show the label or not. + +*/ + +Options.BarChart = { + $extend: true, + + animate: true, + type: 'stacked', //stacked, grouped, : gradient + labelOffset: 3, //label offset + barsOffset: 0, //distance between bars + hoveredColor: '#9fd4ff', + orientation: 'horizontal', + showAggregates: true, + showLabels: true, + Tips: { + enable: false, + onShow: $.empty, + onHide: $.empty + }, + Events: { + enable: false, + onClick: $.empty + } +}; + +/* + * File: BarChart.js + * +*/ + +$jit.ST.Plot.NodeTypes.implement({ + 'barchart-stacked' : { + 'render' : function(node, canvas) { + var pos = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'), + algnPos = this.getAlignedPos(pos, width, height), + x = algnPos.x, y = algnPos.y, + dimArray = node.getData('dimArray'), + valueArray = node.getData('valueArray'), + colorArray = node.getData('colorArray'), + colorLength = colorArray.length, + stringArray = node.getData('stringArray'); + + var ctx = canvas.getCtx(), + opt = {}, + border = node.getData('border'), + gradient = node.getData('gradient'), + config = node.getData('config'), + horz = config.orientation == 'horizontal', + aggregates = config.showAggregates, + showLabels = config.showLabels, + label = config.Label; + + if (colorArray && dimArray && stringArray) { + for (var i=0, l=dimArray.length, acum=0, valAcum=0; i> 0; })); + linear.addColorStop(0, color); + linear.addColorStop(0.5, colorArray[i % colorLength]); + linear.addColorStop(1, color); + ctx.fillStyle = linear; + } + if(horz) { + ctx.fillRect(x + acum, y, dimArray[i], height); + } else { + ctx.fillRect(x, y - acum - dimArray[i], width, dimArray[i]); + } + if(border && border.name == stringArray[i]) { + opt.acum = acum; + opt.dimValue = dimArray[i]; + } + acum += (dimArray[i] || 0); + valAcum += (valueArray[i] || 0); + } + if(border) { + ctx.save(); + ctx.lineWidth = 2; + ctx.strokeStyle = border.color; + if(horz) { + ctx.strokeRect(x + opt.acum + 1, y + 1, opt.dimValue -2, height - 2); + } else { + ctx.strokeRect(x + 1, y - opt.acum - opt.dimValue + 1, width -2, opt.dimValue -2); + } + ctx.restore(); + } + if(label.type == 'Native') { + ctx.save(); + ctx.fillStyle = ctx.strokeStyle = label.color; + ctx.font = label.style + ' ' + label.size + 'px ' + label.family; + ctx.textBaseline = 'middle'; + var aggValue = aggregates(node.name, valAcum, node); + if(aggValue !== false) { + aggValue = aggValue !== true? aggValue : valAcum; + if(horz) { + ctx.textAlign = 'right'; + ctx.fillText(aggValue, x + acum - config.labelOffset, y + height/2); + } else { + ctx.textAlign = 'center'; + ctx.fillText(aggValue, x + width/2, y - height - label.size/2 - config.labelOffset); + } + } + if(showLabels(node.name, valAcum, node)) { + if(horz) { + ctx.textAlign = 'center'; + ctx.translate(x - config.labelOffset - label.size/2, y + height/2); + ctx.rotate(Math.PI / 2); + ctx.fillText(node.name, 0, 0); + } else { + ctx.textAlign = 'center'; + ctx.fillText(node.name, x + width/2, y + label.size/2 + config.labelOffset); + } + } + ctx.restore(); + } + } + }, + 'contains': function(node, mpos) { + var pos = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'), + algnPos = this.getAlignedPos(pos, width, height), + x = algnPos.x, y = algnPos.y, + dimArray = node.getData('dimArray'), + config = node.getData('config'), + rx = mpos.x - x, + horz = config.orientation == 'horizontal'; + //bounding box check + if(horz) { + if(mpos.x < x || mpos.x > x + width + || mpos.y > y + height || mpos.y < y) { + return false; + } + } else { + if(mpos.x < x || mpos.x > x + width + || mpos.y > y || mpos.y < y - height) { + return false; + } + } + //deep check + for(var i=0, l=dimArray.length, acum=(horz? x:y); i= intersec) { + return { + 'name': node.getData('stringArray')[i], + 'color': node.getData('colorArray')[i], + 'value': node.getData('valueArray')[i], + 'label': node.name + }; + } + } + } + return false; + } + }, + 'barchart-grouped' : { + 'render' : function(node, canvas) { + var pos = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'), + algnPos = this.getAlignedPos(pos, width, height), + x = algnPos.x, y = algnPos.y, + dimArray = node.getData('dimArray'), + valueArray = node.getData('valueArray'), + valueLength = valueArray.length, + colorArray = node.getData('colorArray'), + colorLength = colorArray.length, + stringArray = node.getData('stringArray'); + + var ctx = canvas.getCtx(), + opt = {}, + border = node.getData('border'), + gradient = node.getData('gradient'), + config = node.getData('config'), + horz = config.orientation == 'horizontal', + aggregates = config.showAggregates, + showLabels = config.showLabels, + label = config.Label, + fixedDim = (horz? height : width) / valueLength; + + if (colorArray && dimArray && stringArray) { + for (var i=0, l=valueLength, acum=0, valAcum=0; i> 0; })); + linear.addColorStop(0, color); + linear.addColorStop(0.5, colorArray[i % colorLength]); + linear.addColorStop(1, color); + ctx.fillStyle = linear; + } + if(horz) { + ctx.fillRect(x, y + fixedDim * i, dimArray[i], fixedDim); + } else { + ctx.fillRect(x + fixedDim * i, y - dimArray[i], fixedDim, dimArray[i]); + } + if(border && border.name == stringArray[i]) { + opt.acum = fixedDim * i; + opt.dimValue = dimArray[i]; + } + acum += (dimArray[i] || 0); + valAcum += (valueArray[i] || 0); + } + if(border) { + ctx.save(); + ctx.lineWidth = 2; + ctx.strokeStyle = border.color; + if(horz) { + ctx.strokeRect(x + 1, y + opt.acum + 1, opt.dimValue -2, fixedDim - 2); + } else { + ctx.strokeRect(x + opt.acum + 1, y - opt.dimValue + 1, fixedDim -2, opt.dimValue -2); + } + ctx.restore(); + } + if(label.type == 'Native') { + ctx.save(); + ctx.fillStyle = ctx.strokeStyle = label.color; + ctx.font = label.style + ' ' + label.size + 'px ' + label.family; + ctx.textBaseline = 'middle'; + var aggValue = aggregates(node.name, valAcum, node); + if(aggValue !== false) { + aggValue = aggValue !== true? aggValue : valAcum; + if(horz) { + ctx.textAlign = 'right'; + ctx.fillText(aggValue, x + Math.max.apply(null, dimArray) - config.labelOffset, y + height/2); + } else { + ctx.textAlign = 'center'; + ctx.fillText(aggValue, x + width/2, y - Math.max.apply(null, dimArray) - label.size/2 - config.labelOffset); + } + } + if(showLabels(node.name, valAcum, node)) { + if(horz) { + ctx.textAlign = 'center'; + ctx.translate(x - config.labelOffset - label.size/2, y + height/2); + ctx.rotate(Math.PI / 2); + ctx.fillText(node.name, 0, 0); + } else { + ctx.textAlign = 'center'; + ctx.fillText(node.name, x + width/2, y + label.size/2 + config.labelOffset); + } + } + ctx.restore(); + } + } + }, + 'contains': function(node, mpos) { + var pos = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'), + algnPos = this.getAlignedPos(pos, width, height), + x = algnPos.x, y = algnPos.y, + dimArray = node.getData('dimArray'), + len = dimArray.length, + config = node.getData('config'), + rx = mpos.x - x, + horz = config.orientation == 'horizontal', + fixedDim = (horz? height : width) / len; + //bounding box check + if(horz) { + if(mpos.x < x || mpos.x > x + width + || mpos.y > y + height || mpos.y < y) { + return false; + } + } else { + if(mpos.x < x || mpos.x > x + width + || mpos.y > y || mpos.y < y - height) { + return false; + } + } + //deep check + for(var i=0, l=dimArray.length; i= limit && mpos.y <= limit + fixedDim) { + return { + 'name': node.getData('stringArray')[i], + 'color': node.getData('colorArray')[i], + 'value': node.getData('valueArray')[i], + 'label': node.name + }; + } + } else { + var limit = x + fixedDim * i; + if(mpos.x >= limit && mpos.x <= limit + fixedDim && mpos.y >= y - dimi) { + return { + 'name': node.getData('stringArray')[i], + 'color': node.getData('colorArray')[i], + 'value': node.getData('valueArray')[i], + 'label': node.name + }; + } + } + } + return false; + } + } +}); + +/* + Class: BarChart + + A visualization that displays stacked bar charts. + + Constructor Options: + + See . + +*/ +$jit.BarChart = new Class({ + st: null, + colors: ["#416D9C", "#70A35E", "#EBB056", "#C74243", "#83548B", "#909291", "#557EAA"], + selected: {}, + busy: false, + + initialize: function(opt) { + this.controller = this.config = + $.merge(Options("Canvas", "Margin", "Label", "BarChart"), { + Label: { type: 'Native' } + }, opt); + //set functions for showLabels and showAggregates + var showLabels = this.config.showLabels, + typeLabels = $.type(showLabels), + showAggregates = this.config.showAggregates, + typeAggregates = $.type(showAggregates); + this.config.showLabels = typeLabels == 'function'? showLabels : $.lambda(showLabels); + this.config.showAggregates = typeAggregates == 'function'? showAggregates : $.lambda(showAggregates); + + this.initializeViz(); + }, + + initializeViz: function() { + var config = this.config, that = this; + var nodeType = config.type.split(":")[0], + horz = config.orientation == 'horizontal', + nodeLabels = {}; + + var delegate = new $jit.ST({ + injectInto: config.injectInto, + width: config.width, + height: config.height, + orientation: horz? 'left' : 'bottom', + levelDistance: 0, + siblingOffset: config.barsOffset, + subtreeOffset: 0, + withLabels: config.Label.type != 'Native', + useCanvas: config.useCanvas, + Label: { + type: config.Label.type + }, + Node: { + overridable: true, + type: 'barchart-' + nodeType, + align: 'left', + width: 1, + height: 1 + }, + Edge: { + type: 'none' + }, + Tips: { + enable: config.Tips.enable, + type: 'Native', + force: true, + onShow: function(tip, node, contains) { + var elem = contains; + config.Tips.onShow(tip, elem, node); + } + }, + Events: { + enable: true, + type: 'Native', + onClick: function(node, eventInfo, evt) { + if(!config.Events.enable) return; + var elem = eventInfo.getContains(); + config.Events.onClick(elem, eventInfo, evt); + }, + onMouseMove: function(node, eventInfo, evt) { + if(!config.hoveredColor) return; + if(node) { + var elem = eventInfo.getContains(); + that.select(node.id, elem.name, elem.index); + } else { + that.select(false, false, false); + } + } + }, + onCreateLabel: function(domElement, node) { + var labelConf = config.Label, + valueArray = node.getData('valueArray'), + acum = $.reduce(valueArray, function(x, y) { return x + y; }, 0); + var nlbs = { + wrapper: document.createElement('div'), + aggregate: document.createElement('div'), + label: document.createElement('div') + }; + var wrapper = nlbs.wrapper, + label = nlbs.label, + aggregate = nlbs.aggregate, + wrapperStyle = wrapper.style, + labelStyle = label.style, + aggregateStyle = aggregate.style; + //store node labels + nodeLabels[node.id] = nlbs; + //append labels + wrapper.appendChild(label); + wrapper.appendChild(aggregate); + if(!config.showLabels(node.name, acum, node)) { + labelStyle.display = 'none'; + } + if(!config.showAggregates(node.name, acum, node)) { + aggregateStyle.display = 'none'; + } + wrapperStyle.position = 'relative'; + wrapperStyle.overflow = 'visible'; + wrapperStyle.fontSize = labelConf.size + 'px'; + wrapperStyle.fontFamily = labelConf.family; + wrapperStyle.color = labelConf.color; + wrapperStyle.textAlign = 'center'; + aggregateStyle.position = labelStyle.position = 'absolute'; + + domElement.style.width = node.getData('width') + 'px'; + domElement.style.height = node.getData('height') + 'px'; + aggregateStyle.left = labelStyle.left = '0px'; + + label.innerHTML = node.name; + + domElement.appendChild(wrapper); + }, + onPlaceLabel: function(domElement, node) { + if(!nodeLabels[node.id]) return; + var labels = nodeLabels[node.id], + wrapperStyle = labels.wrapper.style, + labelStyle = labels.label.style, + aggregateStyle = labels.aggregate.style, + grouped = config.type.split(':')[0] == 'grouped', + horz = config.orientation == 'horizontal', + dimArray = node.getData('dimArray'), + valArray = node.getData('valueArray'), + width = (grouped && horz)? Math.max.apply(null, dimArray) : node.getData('width'), + height = (grouped && !horz)? Math.max.apply(null, dimArray) : node.getData('height'), + font = parseInt(wrapperStyle.fontSize, 10), + domStyle = domElement.style; + + + if(dimArray && valArray) { + wrapperStyle.width = aggregateStyle.width = labelStyle.width = domElement.style.width = width + 'px'; + for(var i=0, l=valArray.length, acum=0; i 0) { + acum+= valArray[i]; + } + } + if(config.showLabels(node.name, acum, node)) { + labelStyle.display = ''; + } else { + labelStyle.display = 'none'; + } + var aggValue = config.showAggregates(node.name, acum, node); + if(aggValue !== false) { + aggregateStyle.display = ''; + } else { + aggregateStyle.display = 'none'; + } + if(config.orientation == 'horizontal') { + aggregateStyle.textAlign = 'right'; + labelStyle.textAlign = 'left'; + labelStyle.textIndex = aggregateStyle.textIndent = config.labelOffset + 'px'; + aggregateStyle.top = labelStyle.top = (height-font)/2 + 'px'; + domElement.style.height = wrapperStyle.height = height + 'px'; + } else { + aggregateStyle.top = (-font - config.labelOffset) + 'px'; + labelStyle.top = (config.labelOffset + height) + 'px'; + domElement.style.top = parseInt(domElement.style.top, 10) - height + 'px'; + domElement.style.height = wrapperStyle.height = height + 'px'; + } + labels.aggregate.innerHTML = aggValue !== true? aggValue : acum; + } + } + }); + + var size = delegate.canvas.getSize(), + margin = config.Margin; + if(horz) { + delegate.config.offsetX = size.width/2 - margin.left + - (config.showLabels && (config.labelOffset + config.Label.size)); + delegate.config.offsetY = (margin.bottom - margin.top)/2; + } else { + delegate.config.offsetY = -size.height/2 + margin.bottom + + (config.showLabels && (config.labelOffset + config.Label.size)); + delegate.config.offsetX = (margin.right - margin.left)/2; + } + this.delegate = delegate; + this.canvas = this.delegate.canvas; + }, + + /* + Method: loadJSON + + Loads JSON data into the visualization. + + Parameters: + + json - The JSON data format. This format is described in . + + Example: + (start code js) + var barChart = new $jit.BarChart(options); + barChart.loadJSON(json); + (end code) + */ + loadJSON: function(json) { + if(this.busy) return; + this.busy = true; + + var prefix = $.time(), + ch = [], + delegate = this.delegate, + name = $.splat(json.label), + color = $.splat(json.color || this.colors), + config = this.config, + gradient = !!config.type.split(":")[1], + animate = config.animate, + horz = config.orientation == 'horizontal', + that = this; + + for(var i=0, values=json.values, l=values.length; i. + onComplete - (object) A callback object to be called when the animation transition when updating the data end. + + Example: + + (start code js) + barChart.updateJSON(json, { + onComplete: function() { + alert('update complete!'); + } + }); + (end code) + */ + updateJSON: function(json, onComplete) { + if(this.busy) return; + this.busy = true; + this.select(false, false, false); + var delegate = this.delegate; + var graph = delegate.graph; + var values = json.values; + var animate = this.config.animate; + var that = this; + var horz = this.config.orientation == 'horizontal'; + $.each(values, function(v) { + var n = graph.getByName(v.label); + if(n) { + n.setData('valueArray', $.splat(v.values)); + if(json.label) { + n.setData('stringArray', $.splat(json.label)); + } + } + }); + this.normalizeDims(); + delegate.compute(); + delegate.select(delegate.root); + if(animate) { + if(horz) { + delegate.fx.animate({ + modes: ['node-property:width:dimArray'], + duration:1500, + onComplete: function() { + that.busy = false; + onComplete && onComplete.onComplete(); + } + }); + } else { + delegate.fx.animate({ + modes: ['node-property:height:dimArray'], + duration:1500, + onComplete: function() { + that.busy = false; + onComplete && onComplete.onComplete(); + } + }); + } + } + }, + + //adds the little brown bar when hovering the node + select: function(id, name) { + if(!this.config.hoveredColor) return; + var s = this.selected; + if(s.id != id || s.name != name) { + s.id = id; + s.name = name; + s.color = this.config.hoveredColor; + this.delegate.graph.eachNode(function(n) { + if(id == n.id) { + n.setData('border', s); + } else { + n.setData('border', false); + } + }); + this.delegate.plot(); + } + }, + + /* + Method: getLegend + + Returns an object containing as keys the legend names and as values hex strings with color values. + + Example: + + (start code js) + var legend = barChart.getLegend(); + (end code) + */ + getLegend: function() { + var legend = {}; + var n; + this.delegate.graph.getNode(this.delegate.root).eachAdjacency(function(adj) { + n = adj.nodeTo; + }); + var colors = n.getData('colorArray'), + len = colors.length; + $.each(n.getData('stringArray'), function(s, i) { + legend[s] = colors[i % len]; + }); + return legend; + }, + + /* + Method: getMaxValue + + Returns the maximum accumulated value for the stacks. This method is used for normalizing the graph heights according to the canvas height. + + Example: + + (start code js) + var ans = barChart.getMaxValue(); + (end code) + + In some cases it could be useful to override this method to normalize heights for a group of BarCharts, like when doing small multiples. + + Example: + + (start code js) + //will return 100 for all BarChart instances, + //displaying all of them with the same scale + $jit.BarChart.implement({ + 'getMaxValue': function() { + return 100; + } + }); + (end code) + + */ + getMaxValue: function() { + var maxValue = 0, stacked = this.config.type.split(':')[0] == 'stacked'; + this.delegate.graph.eachNode(function(n) { + var valArray = n.getData('valueArray'), + acum = 0; + if(!valArray) return; + if(stacked) { + $.each(valArray, function(v) { + acum += +v; + }); + } else { + acum = Math.max.apply(null, valArray); + } + maxValue = maxValue>acum? maxValue:acum; + }); + return maxValue; + }, + + setBarType: function(type) { + this.config.type = type; + this.delegate.config.Node.type = 'barchart-' + type.split(':')[0]; + }, + + normalizeDims: function() { + //number of elements + var root = this.delegate.graph.getNode(this.delegate.root), l=0; + root.eachAdjacency(function() { + l++; + }); + var maxValue = this.getMaxValue() || 1, + size = this.delegate.canvas.getSize(), + config = this.config, + margin = config.Margin, + marginWidth = margin.left + margin.right, + marginHeight = margin.top + margin.bottom, + horz = config.orientation == 'horizontal', + fixedDim = (size[horz? 'height':'width'] - (horz? marginHeight:marginWidth) - (l -1) * config.barsOffset) / l, + animate = config.animate, + height = size[horz? 'width':'height'] - (horz? marginWidth:marginHeight) + - (!horz && config.showAggregates && (config.Label.size + config.labelOffset)) + - (config.showLabels && (config.Label.size + config.labelOffset)), + dim1 = horz? 'height':'width', + dim2 = horz? 'width':'height'; + this.delegate.graph.eachNode(function(n) { + var acum = 0, animateValue = []; + $.each(n.getData('valueArray'), function(v) { + acum += +v; + animateValue.push(0); + }); + n.setData(dim1, fixedDim); + if(animate) { + n.setData(dim2, acum * height / maxValue, 'end'); + n.setData('dimArray', $.map(n.getData('valueArray'), function(n) { + return n * height / maxValue; + }), 'end'); + var dimArray = n.getData('dimArray'); + if(!dimArray) { + n.setData('dimArray', animateValue); + } + } else { + n.setData(dim2, acum * height / maxValue); + n.setData('dimArray', $.map(n.getData('valueArray'), function(n) { + return n * height / maxValue; + })); + } + }); + } +}); + + +/* + * File: Options.PieChart.js + * +*/ +/* + Object: Options.PieChart + + options. + Other options included in the PieChart are , , and . + + Syntax: + + (start code js) + + Options.PieChart = { + animate: true, + offset: 25, + sliceOffset:0, + labelOffset: 3, + type: 'stacked', + hoveredColor: '#9fd4ff', + showLabels: true, + resizeLabels: false, + updateHeights: false + }; + + (end code) + + Example: + + (start code js) + + var pie = new $jit.PieChart({ + animate: true, + sliceOffset: 5, + type: 'stacked:gradient' + }); + + (end code) + + Parameters: + + animate - (boolean) Default's *true*. Whether to add animated transitions when plotting/updating the visualization. + offset - (number) Default's *25*. Adds margin between the visualization and the canvas. + sliceOffset - (number) Default's *0*. Separation between the center of the canvas and each pie slice. + labelOffset - (number) Default's *3*. Adds margin between the label and the default place where it should be drawn. + type - (string) Default's *'stacked'*. Stack style. Posible values are 'stacked', 'stacked:gradient' to add gradients. + hoveredColor - (boolean|string) Default's *'#9fd4ff'*. Sets the selected color for a hovered pie stack. + showLabels - (boolean) Default's *true*. Display the name of the slots. + resizeLabels - (boolean|number) Default's *false*. Resize the pie labels according to their stacked values. Set a number for *resizeLabels* to set a font size minimum. + updateHeights - (boolean) Default's *false*. Only for mono-valued (most common) pie charts. Resize the height of the pie slices according to their current values. + +*/ +Options.PieChart = { + $extend: true, + + animate: true, + offset: 25, // page offset + sliceOffset:0, + labelOffset: 3, // label offset + type: 'stacked', // gradient + hoveredColor: '#9fd4ff', + Events: { + enable: false, + onClick: $.empty + }, + Tips: { + enable: false, + onShow: $.empty, + onHide: $.empty + }, + showLabels: true, + resizeLabels: false, + + //only valid for mono-valued datasets + updateHeights: false +}; + +/* + * Class: Layouts.Radial + * + * Implements a Radial Layout. + * + * Implemented By: + * + * , + * + */ +Layouts.Radial = new Class({ + + /* + * Method: compute + * + * Computes nodes' positions. + * + * Parameters: + * + * property - _optional_ A position property to store the new + * positions. Possible values are 'pos', 'end' or 'start'. + * + */ + compute : function(property) { + var prop = $.splat(property || [ 'current', 'start', 'end' ]); + NodeDim.compute(this.graph, prop, this.config); + this.graph.computeLevels(this.root, 0, "ignore"); + var lengthFunc = this.createLevelDistanceFunc(); + this.computeAngularWidths(prop); + this.computePositions(prop, lengthFunc); + }, + + /* + * computePositions + * + * Performs the main algorithm for computing node positions. + */ + computePositions : function(property, getLength) { + var propArray = property; + var graph = this.graph; + var root = graph.getNode(this.root); + var parent = this.parent; + var config = this.config; + + for ( var i=0, l=propArray.length; i < l; i++) { + var pi = propArray[i]; + root.setPos($P(0, 0), pi); + root.setData('span', Math.PI * 2, pi); + } + + root.angleSpan = { + begin : 0, + end : 2 * Math.PI + }; + + graph.eachBFS(this.root, function(elem) { + var angleSpan = elem.angleSpan.end - elem.angleSpan.begin; + var angleInit = elem.angleSpan.begin; + var len = getLength(elem); + //Calculate the sum of all angular widths + var totalAngularWidths = 0, subnodes = [], maxDim = {}; + elem.eachSubnode(function(sib) { + totalAngularWidths += sib._treeAngularWidth; + //get max dim + for ( var i=0, l=propArray.length; i < l; i++) { + var pi = propArray[i], dim = sib.getData('dim', pi); + maxDim[pi] = (pi in maxDim)? (dim > maxDim[pi]? dim : maxDim[pi]) : dim; + } + subnodes.push(sib); + }, "ignore"); + //Maintain children order + //Second constraint for + if (parent && parent.id == elem.id && subnodes.length > 0 + && subnodes[0].dist) { + subnodes.sort(function(a, b) { + return (a.dist >= b.dist) - (a.dist <= b.dist); + }); + } + //Calculate nodes positions. + for (var k = 0, ls=subnodes.length; k < ls; k++) { + var child = subnodes[k]; + if (!child._flag) { + var angleProportion = child._treeAngularWidth / totalAngularWidths * angleSpan; + var theta = angleInit + angleProportion / 2; + + for ( var i=0, l=propArray.length; i < l; i++) { + var pi = propArray[i]; + child.setPos($P(theta, len), pi); + child.setData('span', angleProportion, pi); + child.setData('dim-quotient', child.getData('dim', pi) / maxDim[pi], pi); + } + + child.angleSpan = { + begin : angleInit, + end : angleInit + angleProportion + }; + angleInit += angleProportion; + } + } + }, "ignore"); + }, + + /* + * Method: setAngularWidthForNodes + * + * Sets nodes angular widths. + */ + setAngularWidthForNodes : function(prop) { + this.graph.eachBFS(this.root, function(elem, i) { + var diamValue = elem.getData('angularWidth', prop[0]) || 5; + elem._angularWidth = diamValue / i; + }, "ignore"); + }, + + /* + * Method: setSubtreesAngularWidth + * + * Sets subtrees angular widths. + */ + setSubtreesAngularWidth : function() { + var that = this; + this.graph.eachNode(function(elem) { + that.setSubtreeAngularWidth(elem); + }, "ignore"); + }, + + /* + * Method: setSubtreeAngularWidth + * + * Sets the angular width for a subtree. + */ + setSubtreeAngularWidth : function(elem) { + var that = this, nodeAW = elem._angularWidth, sumAW = 0; + elem.eachSubnode(function(child) { + that.setSubtreeAngularWidth(child); + sumAW += child._treeAngularWidth; + }, "ignore"); + elem._treeAngularWidth = Math.max(nodeAW, sumAW); + }, + + /* + * Method: computeAngularWidths + * + * Computes nodes and subtrees angular widths. + */ + computeAngularWidths : function(prop) { + this.setAngularWidthForNodes(prop); + this.setSubtreesAngularWidth(); + } + +}); + + +/* + * File: Sunburst.js + */ + +/* + Class: Sunburst + + A radial space filling tree visualization. + + Inspired by: + + Sunburst . + + Note: + + This visualization was built and engineered from scratch, taking only the paper as inspiration, and only shares some features with the visualization described in the paper. + + Implements: + + All methods + + Constructor Options: + + Inherits options from + + - + - + - + - + - + - + - + - + - + + Additionally, there are other parameters and some default values changed + + interpolation - (string) Default's *linear*. Describes the way nodes are interpolated. Possible values are 'linear' and 'polar'. + levelDistance - (number) Default's *100*. The distance between levels of the tree. + Node.type - Described in . Default's to *multipie*. + Node.height - Described in . Default's *0*. + Edge.type - Described in . Default's *none*. + Label.textAlign - Described in . Default's *start*. + Label.textBaseline - Described in . Default's *middle*. + + Instance Properties: + + canvas - Access a instance. + graph - Access a instance. + op - Access a instance. + fx - Access a instance. + labels - Access a interface implementation. + +*/ + +$jit.Sunburst = new Class({ + + Implements: [ Loader, Extras, Layouts.Radial ], + + initialize: function(controller) { + var $Sunburst = $jit.Sunburst; + + var config = { + interpolation: 'linear', + levelDistance: 100, + Node: { + 'type': 'multipie', + 'height':0 + }, + Edge: { + 'type': 'none' + }, + Label: { + textAlign: 'start', + textBaseline: 'middle' + } + }; + + this.controller = this.config = $.merge(Options("Canvas", "Node", "Edge", + "Fx", "Tips", "NodeStyles", "Events", "Navigation", "Controller", "Label"), config, controller); + + var canvasConfig = this.config; + if(canvasConfig.useCanvas) { + this.canvas = canvasConfig.useCanvas; + this.config.labelContainer = this.canvas.id + '-label'; + } else { + if(canvasConfig.background) { + canvasConfig.background = $.merge({ + type: 'Circles' + }, canvasConfig.background); + } + this.canvas = new Canvas(this, canvasConfig); + this.config.labelContainer = (typeof canvasConfig.injectInto == 'string'? canvasConfig.injectInto : canvasConfig.injectInto.id) + '-label'; + } + + this.graphOptions = { + 'klass': Polar, + 'Node': { + 'selected': false, + 'exist': true, + 'drawn': true + } + }; + this.graph = new Graph(this.graphOptions, this.config.Node, + this.config.Edge); + this.labels = new $Sunburst.Label[canvasConfig.Label.type](this); + this.fx = new $Sunburst.Plot(this, $Sunburst); + this.op = new $Sunburst.Op(this); + this.json = null; + this.root = null; + this.rotated = null; + this.busy = false; + // initialize extras + this.initializeExtras(); + }, + + /* + + createLevelDistanceFunc + + Returns the levelDistance function used for calculating a node distance + to its origin. This function returns a function that is computed + per level and not per node, such that all nodes with the same depth will have the + same distance to the origin. The resulting function gets the + parent node as parameter and returns a float. + + */ + createLevelDistanceFunc: function() { + var ld = this.config.levelDistance; + return function(elem) { + return (elem._depth + 1) * ld; + }; + }, + + /* + Method: refresh + + Computes positions and plots the tree. + + */ + refresh: function() { + this.compute(); + this.plot(); + }, + + /* + reposition + + An alias for computing new positions to _endPos_ + + See also: + + + + */ + reposition: function() { + this.compute('end'); + }, + + /* + Method: rotate + + Rotates the graph so that the selected node is horizontal on the right. + + Parameters: + + node - (object) A . + method - (string) Whether to perform an animation or just replot the graph. Possible values are "replot" or "animate". + opt - (object) Configuration options merged with this visualization configuration options. + + See also: + + + + */ + rotate: function(node, method, opt) { + var theta = node.getPos(opt.property || 'current').getp(true).theta; + this.rotated = node; + this.rotateAngle(-theta, method, opt); + }, + + /* + Method: rotateAngle + + Rotates the graph of an angle theta. + + Parameters: + + node - (object) A . + method - (string) Whether to perform an animation or just replot the graph. Possible values are "replot" or "animate". + opt - (object) Configuration options merged with this visualization configuration options. + + See also: + + + + */ + rotateAngle: function(theta, method, opt) { + var that = this; + var options = $.merge(this.config, opt || {}, { + modes: [ 'polar' ] + }); + var prop = opt.property || (method === "animate" ? 'end' : 'current'); + if(method === 'animate') { + this.fx.animation.pause(); + } + this.graph.eachNode(function(n) { + var p = n.getPos(prop); + p.theta += theta; + if (p.theta < 0) { + p.theta += Math.PI * 2; + } + }); + if (method == 'animate') { + this.fx.animate(options); + } else if (method == 'replot') { + this.fx.plot(); + this.busy = false; + } + }, + + /* + Method: plot + + Plots the Sunburst. This is a shortcut to *fx.plot*. + */ + plot: function() { + this.fx.plot(); + } +}); + +$jit.Sunburst.$extend = true; + +(function(Sunburst) { + + /* + Class: Sunburst.Op + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ + Sunburst.Op = new Class( { + + Implements: Graph.Op + + }); + + /* + Class: Sunburst.Plot + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ + Sunburst.Plot = new Class( { + + Implements: Graph.Plot + + }); + + /* + Class: Sunburst.Label + + Custom extension of . + Contains custom , and extensions. + + Extends: + + All methods and subclasses. + + See also: + + , , , . + + */ + Sunburst.Label = {}; + + /* + Sunburst.Label.Native + + Custom extension of . + + Extends: + + All methods + + See also: + + + */ + Sunburst.Label.Native = new Class( { + Implements: Graph.Label.Native, + + initialize: function(viz) { + this.viz = viz; + this.label = viz.config.Label; + this.config = viz.config; + }, + + renderLabel: function(canvas, node, controller) { + var span = node.getData('span'); + if(span < Math.PI /2 && Math.tan(span) * + this.config.levelDistance * node._depth < 10) { + return; + } + var ctx = canvas.getCtx(); + var measure = ctx.measureText(node.name); + if (node.id == this.viz.root) { + var x = -measure.width / 2, y = 0, thetap = 0; + var ld = 0; + } else { + var indent = 5; + var ld = controller.levelDistance - indent; + var clone = node.pos.clone(); + clone.rho += indent; + var p = clone.getp(true); + var ct = clone.getc(true); + var x = ct.x, y = ct.y; + // get angle in degrees + var pi = Math.PI; + var cond = (p.theta > pi / 2 && p.theta < 3 * pi / 2); + var thetap = cond ? p.theta + pi : p.theta; + if (cond) { + x -= Math.abs(Math.cos(p.theta) * measure.width); + y += Math.sin(p.theta) * measure.width; + } else if (node.id == this.viz.root) { + x -= measure.width / 2; + } + } + ctx.save(); + ctx.translate(x, y); + ctx.rotate(thetap); + ctx.fillText(node.name, 0, 0); + ctx.restore(); + } + }); + + /* + Sunburst.Label.SVG + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ + Sunburst.Label.SVG = new Class( { + Implements: Graph.Label.SVG, + + initialize: function(viz) { + this.viz = viz; + }, + + /* + placeLabel + + Overrides abstract method placeLabel in . + + Parameters: + + tag - A DOM label element. + node - A . + controller - A configuration/controller object passed to the visualization. + + */ + placeLabel: function(tag, node, controller) { + var pos = node.pos.getc(true), viz = this.viz, canvas = this.viz.canvas; + var radius = canvas.getSize(); + var labelPos = { + x: Math.round(pos.x + radius.width / 2), + y: Math.round(pos.y + radius.height / 2) + }; + tag.setAttribute('x', labelPos.x); + tag.setAttribute('y', labelPos.y); + + var bb = tag.getBBox(); + if (bb) { + // center the label + var x = tag.getAttribute('x'); + var y = tag.getAttribute('y'); + // get polar coordinates + var p = node.pos.getp(true); + // get angle in degrees + var pi = Math.PI; + var cond = (p.theta > pi / 2 && p.theta < 3 * pi / 2); + if (cond) { + tag.setAttribute('x', x - bb.width); + tag.setAttribute('y', y - bb.height); + } else if (node.id == viz.root) { + tag.setAttribute('x', x - bb.width / 2); + } + + var thetap = cond ? p.theta + pi : p.theta; + if(node._depth) + tag.setAttribute('transform', 'rotate(' + thetap * 360 / (2 * pi) + ' ' + x + + ' ' + y + ')'); + } + + controller.onPlaceLabel(tag, node); +} + }); + + /* + Sunburst.Label.HTML + + Custom extension of . + + Extends: + + All methods. + + See also: + + + + */ + Sunburst.Label.HTML = new Class( { + Implements: Graph.Label.HTML, + + initialize: function(viz) { + this.viz = viz; + }, + /* + placeLabel + + Overrides abstract method placeLabel in . + + Parameters: + + tag - A DOM label element. + node - A . + controller - A configuration/controller object passed to the visualization. + + */ + placeLabel: function(tag, node, controller) { + var pos = node.pos.clone(), + canvas = this.viz.canvas, + height = node.getData('height'), + ldist = ((height || node._depth == 0)? height : this.viz.config.levelDistance) /2, + radius = canvas.getSize(); + pos.rho += ldist; + pos = pos.getc(true); + + var labelPos = { + x: Math.round(pos.x + radius.width / 2), + y: Math.round(pos.y + radius.height / 2) + }; + + var style = tag.style; + style.left = labelPos.x + 'px'; + style.top = labelPos.y + 'px'; + style.display = this.fitsInCanvas(labelPos, canvas) ? '' : 'none'; + + controller.onPlaceLabel(tag, node); + } + }); + + /* + Class: Sunburst.Plot.NodeTypes + + This class contains a list of built-in types. + Node types implemented are 'none', 'pie', 'multipie', 'gradient-pie' and 'gradient-multipie'. + + You can add your custom node types, customizing your visualization to the extreme. + + Example: + + (start code js) + Sunburst.Plot.NodeTypes.implement({ + 'mySpecialType': { + 'render': function(node, canvas) { + //print your custom node to canvas + }, + //optional + 'contains': function(node, pos) { + //return true if pos is inside the node or false otherwise + } + } + }); + (end code) + + */ + Sunburst.Plot.NodeTypes = new Class( { + 'none': { + 'render': $.empty, + 'contains': $.lambda(false), + 'anglecontains': function(node, pos) { + var span = node.getData('span') / 2, theta = node.pos.theta; + var begin = theta - span, end = theta + span; + if (begin < 0) + begin += Math.PI * 2; + var atan = Math.atan2(pos.y, pos.x); + if (atan < 0) + atan += Math.PI * 2; + if (begin > end) { + return (atan > begin && atan <= Math.PI * 2) || atan < end; + } else { + return atan > begin && atan < end; + } + } + }, + + 'pie': { + 'render': function(node, canvas) { + var span = node.getData('span') / 2, theta = node.pos.theta; + var begin = theta - span, end = theta + span; + var polarNode = node.pos.getp(true); + var polar = new Polar(polarNode.rho, begin); + var p1coord = polar.getc(true); + polar.theta = end; + var p2coord = polar.getc(true); + + var ctx = canvas.getCtx(); + ctx.beginPath(); + ctx.moveTo(0, 0); + ctx.lineTo(p1coord.x, p1coord.y); + ctx.moveTo(0, 0); + ctx.lineTo(p2coord.x, p2coord.y); + ctx.moveTo(0, 0); + ctx.arc(0, 0, polarNode.rho * node.getData('dim-quotient'), begin, end, + false); + ctx.fill(); + }, + 'contains': function(node, pos) { + if (this.nodeTypes['none'].anglecontains.call(this, node, pos)) { + var rho = Math.sqrt(pos.x * pos.x + pos.y * pos.y); + var ld = this.config.levelDistance, d = node._depth; + return (rho <= ld * d); + } + return false; + } + }, + 'multipie': { + 'render': function(node, canvas) { + var height = node.getData('height'); + var ldist = height? height : this.config.levelDistance; + var span = node.getData('span') / 2, theta = node.pos.theta; + var begin = theta - span, end = theta + span; + var polarNode = node.pos.getp(true); + + var polar = new Polar(polarNode.rho, begin); + var p1coord = polar.getc(true); + + polar.theta = end; + var p2coord = polar.getc(true); + + polar.rho += ldist; + var p3coord = polar.getc(true); + + polar.theta = begin; + var p4coord = polar.getc(true); + + var ctx = canvas.getCtx(); + ctx.moveTo(0, 0); + ctx.beginPath(); + ctx.arc(0, 0, polarNode.rho, begin, end, false); + ctx.arc(0, 0, polarNode.rho + ldist, end, begin, true); + ctx.moveTo(p1coord.x, p1coord.y); + ctx.lineTo(p4coord.x, p4coord.y); + ctx.moveTo(p2coord.x, p2coord.y); + ctx.lineTo(p3coord.x, p3coord.y); + ctx.fill(); + + if (node.collapsed) { + ctx.save(); + ctx.lineWidth = 2; + ctx.moveTo(0, 0); + ctx.beginPath(); + ctx.arc(0, 0, polarNode.rho + ldist + 5, end - 0.01, begin + 0.01, + true); + ctx.stroke(); + ctx.restore(); + } + }, + 'contains': function(node, pos) { + if (this.nodeTypes['none'].anglecontains.call(this, node, pos)) { + var rho = Math.sqrt(pos.x * pos.x + pos.y * pos.y); + var height = node.getData('height'); + var ldist = height? height : this.config.levelDistance; + var ld = this.config.levelDistance, d = node._depth; + return (rho >= ld * d) && (rho <= (ld * d + ldist)); + } + return false; + } + }, + + 'gradient-multipie': { + 'render': function(node, canvas) { + var ctx = canvas.getCtx(); + var height = node.getData('height'); + var ldist = height? height : this.config.levelDistance; + var radialGradient = ctx.createRadialGradient(0, 0, node.getPos().rho, + 0, 0, node.getPos().rho + ldist); + + var colorArray = $.hexToRgb(node.getData('color')), ans = []; + $.each(colorArray, function(i) { + ans.push(parseInt(i * 0.5, 10)); + }); + var endColor = $.rgbToHex(ans); + radialGradient.addColorStop(0, endColor); + radialGradient.addColorStop(1, node.getData('color')); + ctx.fillStyle = radialGradient; + this.nodeTypes['multipie'].render.call(this, node, canvas); + }, + 'contains': function(node, pos) { + return this.nodeTypes['multipie'].contains.call(this, node, pos); + } + }, + + 'gradient-pie': { + 'render': function(node, canvas) { + var ctx = canvas.getCtx(); + var radialGradient = ctx.createRadialGradient(0, 0, 0, 0, 0, node + .getPos().rho); + + var colorArray = $.hexToRgb(node.getData('color')), ans = []; + $.each(colorArray, function(i) { + ans.push(parseInt(i * 0.5, 10)); + }); + var endColor = $.rgbToHex(ans); + radialGradient.addColorStop(1, endColor); + radialGradient.addColorStop(0, node.getData('color')); + ctx.fillStyle = radialGradient; + this.nodeTypes['pie'].render.call(this, node, canvas); + }, + 'contains': function(node, pos) { + return this.nodeTypes['pie'].contains.call(this, node, pos); + } + } + }); + + /* + Class: Sunburst.Plot.EdgeTypes + + This class contains a list of built-in types. + Edge types implemented are 'none', 'line' and 'arrow'. + + You can add your custom edge types, customizing your visualization to the extreme. + + Example: + + (start code js) + Sunburst.Plot.EdgeTypes.implement({ + 'mySpecialType': { + 'render': function(adj, canvas) { + //print your custom edge to canvas + }, + //optional + 'contains': function(adj, pos) { + //return true if pos is inside the arc or false otherwise + } + } + }); + (end code) + + */ + Sunburst.Plot.EdgeTypes = new Class({ + 'none': $.empty, + 'line': { + 'render': function(adj, canvas) { + var from = adj.nodeFrom.pos.getc(true), + to = adj.nodeTo.pos.getc(true); + this.edgeHelper.line.render(from, to, canvas); + }, + 'contains': function(adj, pos) { + var from = adj.nodeFrom.pos.getc(true), + to = adj.nodeTo.pos.getc(true); + return this.edgeHelper.line.contains(from, to, pos, this.edge.epsilon); + } + }, + 'arrow': { + 'render': function(adj, canvas) { + var from = adj.nodeFrom.pos.getc(true), + to = adj.nodeTo.pos.getc(true), + dim = adj.getData('dim'), + direction = adj.data.$direction, + inv = (direction && direction.length>1 && direction[0] != adj.nodeFrom.id); + this.edgeHelper.arrow.render(from, to, dim, inv, canvas); + }, + 'contains': function(adj, pos) { + var from = adj.nodeFrom.pos.getc(true), + to = adj.nodeTo.pos.getc(true); + return this.edgeHelper.arrow.contains(from, to, pos, this.edge.epsilon); + } + }, + 'hyperline': { + 'render': function(adj, canvas) { + var from = adj.nodeFrom.pos.getc(), + to = adj.nodeTo.pos.getc(), + dim = Math.max(from.norm(), to.norm()); + this.edgeHelper.hyperline.render(from.$scale(1/dim), to.$scale(1/dim), dim, canvas); + }, + 'contains': $.lambda(false) //TODO(nico): Implement this! + } + }); + +})($jit.Sunburst); + + +/* + * File: PieChart.js + * +*/ + +$jit.Sunburst.Plot.NodeTypes.implement({ + 'piechart-stacked' : { + 'render' : function(node, canvas) { + var pos = node.pos.getp(true), + dimArray = node.getData('dimArray'), + valueArray = node.getData('valueArray'), + colorArray = node.getData('colorArray'), + colorLength = colorArray.length, + stringArray = node.getData('stringArray'), + span = node.getData('span') / 2, + theta = node.pos.theta, + begin = theta - span, + end = theta + span, + polar = new Polar; + + var ctx = canvas.getCtx(), + opt = {}, + gradient = node.getData('gradient'), + border = node.getData('border'), + config = node.getData('config'), + showLabels = config.showLabels, + resizeLabels = config.resizeLabels, + label = config.Label; + + var xpos = config.sliceOffset * Math.cos((begin + end) /2); + var ypos = config.sliceOffset * Math.sin((begin + end) /2); + + if (colorArray && dimArray && stringArray) { + for (var i=0, l=dimArray.length, acum=0, valAcum=0; i> 0; }), + endColor = $.rgbToHex(ans); + + radialGradient.addColorStop(0, colori); + radialGradient.addColorStop(0.5, colori); + radialGradient.addColorStop(1, endColor); + ctx.fillStyle = radialGradient; + } + + polar.rho = acum + config.sliceOffset; + polar.theta = begin; + var p1coord = polar.getc(true); + polar.theta = end; + var p2coord = polar.getc(true); + polar.rho += dimi; + var p3coord = polar.getc(true); + polar.theta = begin; + var p4coord = polar.getc(true); + + ctx.beginPath(); + //fixing FF arc method + fill + ctx.arc(xpos, ypos, acum + .01, begin, end, false); + ctx.arc(xpos, ypos, acum + dimi + .01, end, begin, true); + ctx.fill(); + if(border && border.name == stringArray[i]) { + opt.acum = acum; + opt.dimValue = dimArray[i]; + opt.begin = begin; + opt.end = end; + } + acum += (dimi || 0); + valAcum += (valueArray[i] || 0); + } + if(border) { + ctx.save(); + ctx.globalCompositeOperation = "source-over"; + ctx.lineWidth = 2; + ctx.strokeStyle = border.color; + var s = begin < end? 1 : -1; + ctx.beginPath(); + //fixing FF arc method + fill + ctx.arc(xpos, ypos, opt.acum + .01 + 1, opt.begin, opt.end, false); + ctx.arc(xpos, ypos, opt.acum + opt.dimValue + .01 - 1, opt.end, opt.begin, true); + ctx.closePath(); + ctx.stroke(); + ctx.restore(); + } + if(showLabels && label.type == 'Native') { + ctx.save(); + ctx.fillStyle = ctx.strokeStyle = label.color; + var scale = resizeLabels? node.getData('normalizedDim') : 1, + fontSize = (label.size * scale) >> 0; + fontSize = fontSize < +resizeLabels? +resizeLabels : fontSize; + + ctx.font = label.style + ' ' + fontSize + 'px ' + label.family; + ctx.textBaseline = 'middle'; + ctx.textAlign = 'center'; + + polar.rho = acum + config.labelOffset + config.sliceOffset; + polar.theta = node.pos.theta; + var cart = polar.getc(true); + + ctx.fillText(node.name, cart.x, cart.y); + ctx.restore(); + } + } + }, + 'contains': function(node, pos) { + if (this.nodeTypes['none'].anglecontains.call(this, node, pos)) { + var rho = Math.sqrt(pos.x * pos.x + pos.y * pos.y); + var ld = this.config.levelDistance, d = node._depth; + var config = node.getData('config'); + if(rho <=ld * d + config.sliceOffset) { + var dimArray = node.getData('dimArray'); + for(var i=0,l=dimArray.length,acum=config.sliceOffset; i= acum && rho <= acum + dimi) { + return { + name: node.getData('stringArray')[i], + color: node.getData('colorArray')[i], + value: node.getData('valueArray')[i], + label: node.name + }; + } + acum += dimi; + } + } + return false; + + } + return false; + } + } +}); + +/* + Class: PieChart + + A visualization that displays stacked bar charts. + + Constructor Options: + + See . + +*/ +$jit.PieChart = new Class({ + sb: null, + colors: ["#416D9C", "#70A35E", "#EBB056", "#C74243", "#83548B", "#909291", "#557EAA"], + selected: {}, + busy: false, + + initialize: function(opt) { + this.controller = this.config = + $.merge(Options("Canvas", "PieChart", "Label"), { + Label: { type: 'Native' } + }, opt); + this.initializeViz(); + }, + + initializeViz: function() { + var config = this.config, that = this; + var nodeType = config.type.split(":")[0]; + var delegate = new $jit.Sunburst({ + injectInto: config.injectInto, + width: config.width, + height: config.height, + useCanvas: config.useCanvas, + withLabels: config.Label.type != 'Native', + Label: { + type: config.Label.type + }, + Node: { + overridable: true, + type: 'piechart-' + nodeType, + width: 1, + height: 1 + }, + Edge: { + type: 'none' + }, + Tips: { + enable: config.Tips.enable, + type: 'Native', + force: true, + onShow: function(tip, node, contains) { + var elem = contains; + config.Tips.onShow(tip, elem, node); + } + }, + Events: { + enable: true, + type: 'Native', + onClick: function(node, eventInfo, evt) { + if(!config.Events.enable) return; + var elem = eventInfo.getContains(); + config.Events.onClick(elem, eventInfo, evt); + }, + onMouseMove: function(node, eventInfo, evt) { + if(!config.hoveredColor) return; + if(node) { + var elem = eventInfo.getContains(); + that.select(node.id, elem.name, elem.index); + } else { + that.select(false, false, false); + } + } + }, + onCreateLabel: function(domElement, node) { + var labelConf = config.Label; + if(config.showLabels) { + var style = domElement.style; + style.fontSize = labelConf.size + 'px'; + style.fontFamily = labelConf.family; + style.color = labelConf.color; + style.textAlign = 'center'; + domElement.innerHTML = node.name; + } + }, + onPlaceLabel: function(domElement, node) { + if(!config.showLabels) return; + var pos = node.pos.getp(true), + dimArray = node.getData('dimArray'), + span = node.getData('span') / 2, + theta = node.pos.theta, + begin = theta - span, + end = theta + span, + polar = new Polar; + + var showLabels = config.showLabels, + resizeLabels = config.resizeLabels, + label = config.Label; + + if (dimArray) { + for (var i=0, l=dimArray.length, acum=0; i> 0; + fontSize = fontSize < +resizeLabels? +resizeLabels : fontSize; + domElement.style.fontSize = fontSize + 'px'; + polar.rho = acum + config.labelOffset + config.sliceOffset; + polar.theta = (begin + end) / 2; + var pos = polar.getc(true); + var radius = that.canvas.getSize(); + var labelPos = { + x: Math.round(pos.x + radius.width / 2), + y: Math.round(pos.y + radius.height / 2) + }; + domElement.style.left = labelPos.x + 'px'; + domElement.style.top = labelPos.y + 'px'; + } + } + }); + + var size = delegate.canvas.getSize(), + min = Math.min; + delegate.config.levelDistance = min(size.width, size.height)/2 + - config.offset - config.sliceOffset; + this.delegate = delegate; + this.canvas = this.delegate.canvas; + this.canvas.getCtx().globalCompositeOperation = 'lighter'; + }, + + /* + Method: loadJSON + + Loads JSON data into the visualization. + + Parameters: + + json - The JSON data format. This format is described in . + + Example: + (start code js) + var pieChart = new $jit.PieChart(options); + pieChart.loadJSON(json); + (end code) + */ + loadJSON: function(json) { + var prefix = $.time(), + ch = [], + delegate = this.delegate, + name = $.splat(json.label), + nameLength = name.length, + color = $.splat(json.color || this.colors), + colorLength = color.length, + config = this.config, + gradient = !!config.type.split(":")[1], + animate = config.animate, + mono = nameLength == 1; + + for(var i=0, values=json.values, l=values.length; i. + onComplete - (object) A callback object to be called when the animation transition when updating the data end. + + Example: + + (start code js) + pieChart.updateJSON(json, { + onComplete: function() { + alert('update complete!'); + } + }); + (end code) + */ + updateJSON: function(json, onComplete) { + if(this.busy) return; + this.busy = true; + + var delegate = this.delegate; + var graph = delegate.graph; + var values = json.values; + var animate = this.config.animate; + var that = this; + $.each(values, function(v) { + var n = graph.getByName(v.label), + vals = $.splat(v.values); + if(n) { + n.setData('valueArray', vals); + n.setData('angularWidth', $.reduce(vals, function(x,y){return x+y;})); + if(json.label) { + n.setData('stringArray', $.splat(json.label)); + } + } + }); + this.normalizeDims(); + if(animate) { + delegate.compute('end'); + delegate.fx.animate({ + modes: ['node-property:dimArray:span', 'linear'], + duration:1500, + onComplete: function() { + that.busy = false; + onComplete && onComplete.onComplete(); + } + }); + } else { + delegate.refresh(); + } + }, + + //adds the little brown bar when hovering the node + select: function(id, name) { + if(!this.config.hoveredColor) return; + var s = this.selected; + if(s.id != id || s.name != name) { + s.id = id; + s.name = name; + s.color = this.config.hoveredColor; + this.delegate.graph.eachNode(function(n) { + if(id == n.id) { + n.setData('border', s); + } else { + n.setData('border', false); + } + }); + this.delegate.plot(); + } + }, + + /* + Method: getLegend + + Returns an object containing as keys the legend names and as values hex strings with color values. + + Example: + + (start code js) + var legend = pieChart.getLegend(); + (end code) + */ + getLegend: function() { + var legend = {}; + var n; + this.delegate.graph.getNode(this.delegate.root).eachAdjacency(function(adj) { + n = adj.nodeTo; + }); + var colors = n.getData('colorArray'), + len = colors.length; + $.each(n.getData('stringArray'), function(s, i) { + legend[s] = colors[i % len]; + }); + return legend; + }, + + /* + Method: getMaxValue + + Returns the maximum accumulated value for the stacks. This method is used for normalizing the graph heights according to the canvas height. + + Example: + + (start code js) + var ans = pieChart.getMaxValue(); + (end code) + + In some cases it could be useful to override this method to normalize heights for a group of PieCharts, like when doing small multiples. + + Example: + + (start code js) + //will return 100 for all PieChart instances, + //displaying all of them with the same scale + $jit.PieChart.implement({ + 'getMaxValue': function() { + return 100; + } + }); + (end code) + + */ + getMaxValue: function() { + var maxValue = 0; + this.delegate.graph.eachNode(function(n) { + var valArray = n.getData('valueArray'), + acum = 0; + $.each(valArray, function(v) { + acum += +v; + }); + maxValue = maxValue>acum? maxValue:acum; + }); + return maxValue; + }, + + normalizeDims: function() { + //number of elements + var root = this.delegate.graph.getNode(this.delegate.root), l=0; + root.eachAdjacency(function() { + l++; + }); + var maxValue = this.getMaxValue() || 1, + config = this.config, + animate = config.animate, + rho = this.delegate.config.levelDistance; + this.delegate.graph.eachNode(function(n) { + var acum = 0, animateValue = []; + $.each(n.getData('valueArray'), function(v) { + acum += +v; + animateValue.push(1); + }); + var stat = (animateValue.length == 1) && !config.updateHeights; + if(animate) { + n.setData('dimArray', $.map(n.getData('valueArray'), function(n) { + return stat? rho: (n * rho / maxValue); + }), 'end'); + var dimArray = n.getData('dimArray'); + if(!dimArray) { + n.setData('dimArray', animateValue); + } + } else { + n.setData('dimArray', $.map(n.getData('valueArray'), function(n) { + return stat? rho : (n * rho / maxValue); + })); + } + n.setData('normalizedDim', acum / maxValue); + }); + } +}); + + +/* + * Class: Layouts.TM + * + * Implements TreeMaps layouts (SliceAndDice, Squarified, Strip). + * + * Implemented By: + * + * + * + */ +Layouts.TM = {}; + +Layouts.TM.SliceAndDice = new Class({ + compute: function(prop) { + var root = this.graph.getNode(this.clickedNode && this.clickedNode.id || this.root); + this.controller.onBeforeCompute(root); + var size = this.canvas.getSize(), + config = this.config, + width = size.width, + height = size.height; + this.graph.computeLevels(this.root, 0, "ignore"); + //set root position and dimensions + root.getPos(prop).setc(-width/2, -height/2); + root.setData('width', width, prop); + root.setData('height', height + config.titleHeight, prop); + this.computePositions(root, root, this.layout.orientation, prop); + this.controller.onAfterCompute(root); + }, + + computePositions: function(par, ch, orn, prop) { + //compute children areas + var totalArea = 0; + par.eachSubnode(function(n) { + totalArea += n.getData('area', prop); + }); + + var config = this.config, + offst = config.offset, + width = par.getData('width', prop), + height = Math.max(par.getData('height', prop) - config.titleHeight, 0), + fact = par == ch? 1 : (ch.getData('area', prop) / totalArea); + + var otherSize, size, dim, pos, pos2, posth, pos2th; + var horizontal = (orn == "h"); + if(horizontal) { + orn = 'v'; + otherSize = height; + size = width * fact; + dim = 'height'; + pos = 'y'; + pos2 = 'x'; + posth = config.titleHeight; + pos2th = 0; + } else { + orn = 'h'; + otherSize = height * fact; + size = width; + dim = 'width'; + pos = 'x'; + pos2 = 'y'; + posth = 0; + pos2th = config.titleHeight; + } + var cpos = ch.getPos(prop); + ch.setData('width', size, prop); + ch.setData('height', otherSize, prop); + var offsetSize = 0, tm = this; + ch.eachSubnode(function(n) { + var p = n.getPos(prop); + p[pos] = offsetSize + cpos[pos] + posth; + p[pos2] = cpos[pos2] + pos2th; + tm.computePositions(ch, n, orn, prop); + offsetSize += n.getData(dim, prop); + }); + } + +}); + +Layouts.TM.Area = { + /* + Method: compute + + Called by loadJSON to calculate recursively all node positions and lay out the tree. + + Parameters: + + json - A JSON tree. See also . + coord - A coordinates object specifying width, height, left and top style properties. + */ + compute: function(prop) { + prop = prop || "current"; + var root = this.graph.getNode(this.clickedNode && this.clickedNode.id || this.root); + this.controller.onBeforeCompute(root); + var config = this.config, + size = this.canvas.getSize(), + width = size.width, + height = size.height, + offst = config.offset, + offwdth = width - offst, + offhght = height - offst; + this.graph.computeLevels(this.root, 0, "ignore"); + //set root position and dimensions + root.getPos(prop).setc(-width/2, -height/2); + root.setData('width', width, prop); + root.setData('height', height, prop); + //create a coordinates object + var coord = { + 'top': -height/2 + config.titleHeight, + 'left': -width/2, + 'width': offwdth, + 'height': offhght - config.titleHeight + }; + this.computePositions(root, coord, prop); + this.controller.onAfterCompute(root); + }, + + /* + Method: computeDim + + Computes dimensions and positions of a group of nodes + according to a custom layout row condition. + + Parameters: + + tail - An array of nodes. + initElem - An array of nodes (containing the initial node to be laid). + w - A fixed dimension where nodes will be layed out. + coord - A coordinates object specifying width, height, left and top style properties. + comp - A custom comparison function + */ + computeDim: function(tail, initElem, w, coord, comp, prop) { + if(tail.length + initElem.length == 1) { + var l = (tail.length == 1)? tail : initElem; + this.layoutLast(l, w, coord, prop); + return; + } + if(tail.length >= 2 && initElem.length == 0) { + initElem = [tail.shift()]; + } + if(tail.length == 0) { + if(initElem.length > 0) this.layoutRow(initElem, w, coord, prop); + return; + } + var c = tail[0]; + if(comp(initElem, w) >= comp([c].concat(initElem), w)) { + this.computeDim(tail.slice(1), initElem.concat([c]), w, coord, comp, prop); + } else { + var newCoords = this.layoutRow(initElem, w, coord, prop); + this.computeDim(tail, [], newCoords.dim, newCoords, comp, prop); + } + }, + + + /* + Method: worstAspectRatio + + Calculates the worst aspect ratio of a group of rectangles. + + See also: + + + + Parameters: + + ch - An array of nodes. + w - The fixed dimension where rectangles are being laid out. + + Returns: + + The worst aspect ratio. + + + */ + worstAspectRatio: function(ch, w) { + if(!ch || ch.length == 0) return Number.MAX_VALUE; + var areaSum = 0, maxArea = 0, minArea = Number.MAX_VALUE; + for(var i=0, l=ch.length; i area? maxArea : area; + } + var sqw = w * w, sqAreaSum = areaSum * areaSum; + return Math.max(sqw * maxArea / sqAreaSum, + sqAreaSum / (sqw * minArea)); + }, + + /* + Method: avgAspectRatio + + Calculates the average aspect ratio of a group of rectangles. + + See also: + + + + Parameters: + + ch - An array of nodes. + w - The fixed dimension where rectangles are being laid out. + + Returns: + + The average aspect ratio. + + + */ + avgAspectRatio: function(ch, w) { + if(!ch || ch.length == 0) return Number.MAX_VALUE; + var arSum = 0; + for(var i=0, l=ch.length; i h? w / h : h / w; + } + return arSum / l; + }, + + /* + layoutLast + + Performs the layout of the last computed sibling. + + Parameters: + + ch - An array of nodes. + w - A fixed dimension where nodes will be layed out. + coord - A coordinates object specifying width, height, left and top style properties. + */ + layoutLast: function(ch, w, coord, prop) { + var child = ch[0]; + child.getPos(prop).setc(coord.left, coord.top); + child.setData('width', coord.width, prop); + child.setData('height', coord.height, prop); + } +}; + + +Layouts.TM.Squarified = new Class({ + Implements: Layouts.TM.Area, + + computePositions: function(node, coord, prop) { + var config = this.config, + max = Math.max; + + if (coord.width >= coord.height) + this.layout.orientation = 'h'; + else + this.layout.orientation = 'v'; + + var ch = node.getSubnodes([1, 1], "ignore"); + if(ch.length > 0) { + this.processChildrenLayout(node, ch, coord, prop); + for(var i=0, l=ch.length; i. + coord - A coordinates object specifying width, height, left and top style properties. + */ + computePositions: function(node, coord, prop) { + var ch = node.getSubnodes([1, 1], "ignore"), + config = this.config, + max = Math.max; + if(ch.length > 0) { + this.processChildrenLayout(node, ch, coord, prop); + for(var i=0, l=ch.length; i + * + */ + +Layouts.Icicle = new Class({ + /* + * Method: compute + * + * Called by loadJSON to calculate all node positions. + * + * Parameters: + * + * posType - The nodes' position to compute. Either "start", "end" or + * "current". Defaults to "current". + */ + compute: function(posType) { + posType = posType || "current"; + + var root = this.graph.getNode(this.root), + config = this.config, + size = this.canvas.getSize(), + width = size.width, + height = size.height, + offset = config.offset, + levelsToShow = config.constrained ? config.levelsToShow : Number.MAX_VALUE; + + this.controller.onBeforeCompute(root); + + Graph.Util.computeLevels(this.graph, root.id, 0, "ignore"); + + var treeDepth = 0; + + Graph.Util.eachLevel(root, 0, false, function (n, d) { if(d > treeDepth) treeDepth = d; }); + + var startNode = this.graph.getNode(this.clickedNode && this.clickedNode.id || root.id); + var maxDepth = Math.min(treeDepth, levelsToShow-1); + var initialDepth = startNode._depth; + if(this.layout.horizontal()) { + this.computeSubtree(startNode, -width/2, -height/2, width/(maxDepth+1), height, initialDepth, maxDepth, posType); + } else { + this.computeSubtree(startNode, -width/2, -height/2, width, height/(maxDepth+1), initialDepth, maxDepth, posType); + } + }, + + computeSubtree: function (root, x, y, width, height, initialDepth, maxDepth, posType) { + root.getPos(posType).setc(x, y); + root.setData('width', width, posType); + root.setData('height', height, posType); + + var nodeLength, prevNodeLength = 0, totalDim = 0; + var children = Graph.Util.getSubnodes(root, [1, 1], 'ignore'); // next level from this node + + if(!children.length) + return; + + $.each(children, function(e) { totalDim += e.getData('dim'); }); + + for(var i=0, l=children.length; i < l; i++) { + if(this.layout.horizontal()) { + nodeLength = height * children[i].getData('dim') / totalDim; + this.computeSubtree(children[i], x+width, y, width, nodeLength, initialDepth, maxDepth, posType); + y += nodeLength; + } else { + nodeLength = width * children[i].getData('dim') / totalDim; + this.computeSubtree(children[i], x, y+height, nodeLength, height, initialDepth, maxDepth, posType); + x += nodeLength; + } + } + } +}); + + + +/* + * File: Icicle.js + * +*/ + +/* + Class: Icicle + + Icicle space filling visualization. + + Implements: + + All methods + + Constructor Options: + + Inherits options from + + - + - + - + - + - + - + - + - + - + + Additionally, there are other parameters and some default values changed + + orientation - (string) Default's *h*. Whether to set horizontal or vertical layouts. Possible values are 'h' and 'v'. + offset - (number) Default's *2*. Boxes offset. + constrained - (boolean) Default's *false*. Whether to show the entire tree when loaded or just the number of levels specified by _levelsToShow_. + levelsToShow - (number) Default's *3*. The number of levels to show for a subtree. This number is relative to the selected node. + animate - (boolean) Default's *false*. Whether to animate transitions. + Node.type - Described in . Default's *rectangle*. + Label.type - Described in . Default's *Native*. + duration - Described in . Default's *700*. + fps - Described in . Default's *45*. + + Instance Properties: + + canvas - Access a instance. + graph - Access a instance. + op - Access a instance. + fx - Access a instance. + labels - Access a interface implementation. + +*/ + +$jit.Icicle = new Class({ + Implements: [ Loader, Extras, Layouts.Icicle ], + + layout: { + orientation: "h", + vertical: function(){ + return this.orientation == "v"; + }, + horizontal: function(){ + return this.orientation == "h"; + }, + change: function(){ + this.orientation = this.vertical()? "h" : "v"; + } + }, + + initialize: function(controller) { + var config = { + animate: false, + orientation: "h", + offset: 2, + levelsToShow: Number.MAX_VALUE, + constrained: false, + Node: { + type: 'rectangle', + overridable: true + }, + Edge: { + type: 'none' + }, + Label: { + type: 'Native' + }, + duration: 700, + fps: 45 + }; + + var opts = Options("Canvas", "Node", "Edge", "Fx", "Tips", "NodeStyles", + "Events", "Navigation", "Controller", "Label"); + this.controller = this.config = $.merge(opts, config, controller); + this.layout.orientation = this.config.orientation; + + var canvasConfig = this.config; + if (canvasConfig.useCanvas) { + this.canvas = canvasConfig.useCanvas; + this.config.labelContainer = this.canvas.id + '-label'; + } else { + this.canvas = new Canvas(this, canvasConfig); + this.config.labelContainer = (typeof canvasConfig.injectInto == 'string'? canvasConfig.injectInto : canvasConfig.injectInto.id) + '-label'; + } + + this.graphOptions = { + 'klass': Complex, + 'Node': { + 'selected': false, + 'exist': true, + 'drawn': true + } + }; + + this.graph = new Graph( + this.graphOptions, this.config.Node, this.config.Edge, this.config.Label); + + this.labels = new $jit.Icicle.Label[this.config.Label.type](this); + this.fx = new $jit.Icicle.Plot(this, $jit.Icicle); + this.op = new $jit.Icicle.Op(this); + this.group = new $jit.Icicle.Group(this); + this.clickedNode = null; + + this.initializeExtras(); + }, + + /* + Method: refresh + + Computes positions and plots the tree. + */ + refresh: function(){ + var labelType = this.config.Label.type; + if(labelType != 'Native') { + var that = this; + this.graph.eachNode(function(n) { that.labels.hideLabel(n, false); }); + } + this.compute(); + this.plot(); + }, + + /* + Method: plot + + Plots the Icicle visualization. This is a shortcut to *fx.plot*. + + */ + plot: function(){ + this.fx.plot(this.config); + }, + + /* + Method: enter + + Sets the node as root. + + Parameters: + + node - (object) A . + + */ + enter: function (node) { + if (this.busy) + return; + this.busy = true; + + var that = this, + config = this.config; + + var callback = { + onComplete: function() { + //compute positions of newly inserted nodes + if(config.request) + that.compute(); + + if(config.animate) { + that.graph.nodeList.setDataset(['current', 'end'], { + 'alpha': [1, 0] //fade nodes + }); + + Graph.Util.eachSubgraph(node, function(n) { + n.setData('alpha', 1, 'end'); + }, "ignore"); + + that.fx.animate({ + duration: 500, + modes:['node-property:alpha'], + onComplete: function() { + that.clickedNode = node; + that.compute('end'); + + that.fx.animate({ + modes:['linear', 'node-property:width:height'], + duration: 1000, + onComplete: function() { + that.busy = false; + that.clickedNode = node; + } + }); + } + }); + } else { + that.clickedNode = node; + that.busy = false; + that.refresh(); + } + } + }; + + if(config.request) { + this.requestNodes(clickedNode, callback); + } else { + callback.onComplete(); + } + }, + + /* + Method: out + + Sets the parent node of the current selected node as root. + + */ + out: function(){ + if(this.busy) + return; + + var that = this, + GUtil = Graph.Util, + config = this.config, + graph = this.graph, + parents = GUtil.getParents(graph.getNode(this.clickedNode && this.clickedNode.id || this.root)), + parent = parents[0], + clickedNode = parent, + previousClickedNode = this.clickedNode; + + this.busy = true; + this.events.hoveredNode = false; + + if(!parent) { + this.busy = false; + return; + } + + //final plot callback + callback = { + onComplete: function() { + that.clickedNode = parent; + if(config.request) { + that.requestNodes(parent, { + onComplete: function() { + that.compute(); + that.plot(); + that.busy = false; + } + }); + } else { + that.compute(); + that.plot(); + that.busy = false; + } + } + }; + + //animate node positions + if(config.animate) { + this.clickedNode = clickedNode; + this.compute('end'); + //animate the visible subtree only + this.clickedNode = previousClickedNode; + this.fx.animate({ + modes:['linear', 'node-property:width:height'], + duration: 1000, + onComplete: function() { + //animate the parent subtree + that.clickedNode = clickedNode; + //change nodes alpha + graph.nodeList.setDataset(['current', 'end'], { + 'alpha': [0, 1] + }); + GUtil.eachSubgraph(previousClickedNode, function(node) { + node.setData('alpha', 1); + }, "ignore"); + that.fx.animate({ + duration: 500, + modes:['node-property:alpha'], + onComplete: function() { + callback.onComplete(); + } + }); + } + }); + } else { + callback.onComplete(); + } + }, + requestNodes: function(node, onComplete){ + var handler = $.merge(this.controller, onComplete), + levelsToShow = this.config.constrained ? this.config.levelsToShow : Number.MAX_VALUE; + + if (handler.request) { + var leaves = [], d = node._depth; + Graph.Util.eachLevel(node, 0, levelsToShow, function(n){ + if (n.drawn && !Graph.Util.anySubnode(n)) { + leaves.push(n); + n._level = n._depth - d; + if (this.config.constrained) + n._level = levelsToShow - n._level; + + } + }); + this.group.requestNodes(leaves, handler); + } else { + handler.onComplete(); + } + } +}); + +/* + Class: Icicle.Op + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ +$jit.Icicle.Op = new Class({ + + Implements: Graph.Op + +}); + +/* + * Performs operations on group of nodes. + */ +$jit.Icicle.Group = new Class({ + + initialize: function(viz){ + this.viz = viz; + this.canvas = viz.canvas; + this.config = viz.config; + }, + + /* + * Calls the request method on the controller to request a subtree for each node. + */ + requestNodes: function(nodes, controller){ + var counter = 0, len = nodes.length, nodeSelected = {}; + var complete = function(){ + controller.onComplete(); + }; + var viz = this.viz; + if (len == 0) + complete(); + for(var i = 0; i < len; i++) { + nodeSelected[nodes[i].id] = nodes[i]; + controller.request(nodes[i].id, nodes[i]._level, { + onComplete: function(nodeId, data){ + if (data && data.children) { + data.id = nodeId; + viz.op.sum(data, { + type: 'nothing' + }); + } + if (++counter == len) { + Graph.Util.computeLevels(viz.graph, viz.root, 0); + complete(); + } + } + }); + } + } +}); + +/* + Class: Icicle.Plot + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ +$jit.Icicle.Plot = new Class({ + Implements: Graph.Plot, + + plot: function(opt, animating){ + opt = opt || this.viz.controller; + var viz = this.viz, + graph = viz.graph, + root = graph.getNode(viz.clickedNode && viz.clickedNode.id || viz.root), + initialDepth = root._depth; + + viz.canvas.clear(); + this.plotTree(root, $.merge(opt, { + 'withLabels': true, + 'hideLabels': false, + 'plotSubtree': function(root, node) { + return !viz.config.constrained || + (node._depth - initialDepth < viz.config.levelsToShow); + } + }), animating); + } +}); + +/* + Class: Icicle.Label + + Custom extension of . + Contains custom , and extensions. + + Extends: + + All methods and subclasses. + + See also: + + , , , . + + */ +$jit.Icicle.Label = {}; + +/* + Icicle.Label.Native + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ +$jit.Icicle.Label.Native = new Class({ + Implements: Graph.Label.Native, + + renderLabel: function(canvas, node, controller) { + var ctx = canvas.getCtx(), + width = node.getData('width'), + height = node.getData('height'), + size = node.getLabelData('size'), + m = ctx.measureText(node.name); + + // Guess as much as possible if the label will fit in the node + if(height < (size * 1.5) || width < m.width) + return; + + var pos = node.pos.getc(true); + ctx.fillText(node.name, + pos.x + width / 2, + pos.y + height / 2); + } +}); + +/* + Icicle.Label.SVG + + Custom extension of . + + Extends: + + All methods + + See also: + + +*/ +$jit.Icicle.Label.SVG = new Class( { + Implements: Graph.Label.SVG, + + initialize: function(viz){ + this.viz = viz; + }, + + /* + placeLabel + + Overrides abstract method placeLabel in . + + Parameters: + + tag - A DOM label element. + node - A . + controller - A configuration/controller object passed to the visualization. + */ + placeLabel: function(tag, node, controller){ + var pos = node.pos.getc(true), canvas = this.viz.canvas; + var radius = canvas.getSize(); + var labelPos = { + x: Math.round(pos.x + radius.width / 2), + y: Math.round(pos.y + radius.height / 2) + }; + tag.setAttribute('x', labelPos.x); + tag.setAttribute('y', labelPos.y); + + controller.onPlaceLabel(tag, node); + } +}); + +/* + Icicle.Label.HTML + + Custom extension of . + + Extends: + + All methods. + + See also: + + + + */ +$jit.Icicle.Label.HTML = new Class( { + Implements: Graph.Label.HTML, + + initialize: function(viz){ + this.viz = viz; + }, + + /* + placeLabel + + Overrides abstract method placeLabel in . + + Parameters: + + tag - A DOM label element. + node - A . + controller - A configuration/controller object passed to the visualization. + */ + placeLabel: function(tag, node, controller){ + var pos = node.pos.getc(true), canvas = this.viz.canvas; + var radius = canvas.getSize(); + var labelPos = { + x: Math.round(pos.x + radius.width / 2), + y: Math.round(pos.y + radius.height / 2) + }; + + var style = tag.style; + style.left = labelPos.x + 'px'; + style.top = labelPos.y + 'px'; + style.display = ''; + + controller.onPlaceLabel(tag, node); + } +}); + +/* + Class: Icicle.Plot.NodeTypes + + This class contains a list of built-in types. + Node types implemented are 'none', 'rectangle'. + + You can add your custom node types, customizing your visualization to the extreme. + + Example: + + (start code js) + Icicle.Plot.NodeTypes.implement({ + 'mySpecialType': { + 'render': function(node, canvas) { + //print your custom node to canvas + }, + //optional + 'contains': function(node, pos) { + //return true if pos is inside the node or false otherwise + } + } + }); + (end code) + + */ +$jit.Icicle.Plot.NodeTypes = new Class( { + 'none': { + 'render': $.empty + }, + + 'rectangle': { + 'render': function(node, canvas, animating) { + var config = this.viz.config; + var offset = config.offset; + var width = node.getData('width'); + var height = node.getData('height'); + var border = node.getData('border'); + var pos = node.pos.getc(true); + var posx = pos.x + offset / 2, posy = pos.y + offset / 2; + var ctx = canvas.getCtx(); + + if(width - offset < 2 || height - offset < 2) return; + + if(config.cushion) { + var color = node.getData('color'); + var lg = ctx.createRadialGradient(posx + (width - offset)/2, + posy + (height - offset)/2, 1, + posx + (width-offset)/2, posy + (height-offset)/2, + width < height? height : width); + var colorGrad = $.rgbToHex($.map($.hexToRgb(color), + function(r) { return r * 0.3 >> 0; })); + lg.addColorStop(0, color); + lg.addColorStop(1, colorGrad); + ctx.fillStyle = lg; + } + + if (border) { + ctx.strokeStyle = border; + ctx.lineWidth = 3; + } + + ctx.fillRect(posx, posy, Math.max(0, width - offset), Math.max(0, height - offset)); + border && ctx.strokeRect(pos.x, pos.y, width, height); + }, + + 'contains': function(node, pos) { + if(this.viz.clickedNode && !$jit.Graph.Util.isDescendantOf(node, this.viz.clickedNode.id)) return false; + var npos = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'); + return this.nodeHelper.rectangle.contains({x: npos.x + width/2, y: npos.y + height/2}, pos, width, height); + } + } +}); + +$jit.Icicle.Plot.EdgeTypes = new Class( { + 'none': $.empty +}); + + + +/* + * File: Layouts.ForceDirected.js + * +*/ + +/* + * Class: Layouts.ForceDirected + * + * Implements a Force Directed Layout. + * + * Implemented By: + * + * + * + * Credits: + * + * Marcus Cobden + * + */ +Layouts.ForceDirected = new Class({ + + getOptions: function(random) { + var s = this.canvas.getSize(); + var w = s.width, h = s.height; + //count nodes + var count = 0; + this.graph.eachNode(function(n) { + count++; + }); + var k2 = w * h / count, k = Math.sqrt(k2); + var l = this.config.levelDistance; + + return { + width: w, + height: h, + tstart: w * 0.1, + nodef: function(x) { return k2 / (x || 1); }, + edgef: function(x) { return /* x * x / k; */ k * (x - l); } + }; + }, + + compute: function(property, incremental) { + var prop = $.splat(property || ['current', 'start', 'end']); + var opt = this.getOptions(); + NodeDim.compute(this.graph, prop, this.config); + this.graph.computeLevels(this.root, 0, "ignore"); + this.graph.eachNode(function(n) { + $.each(prop, function(p) { + var pos = n.getPos(p); + if(pos.equals(Complex.KER)) { + pos.x = opt.width/5 * (Math.random() - 0.5); + pos.y = opt.height/5 * (Math.random() - 0.5); + } + //initialize disp vector + n.disp = {}; + $.each(prop, function(p) { + n.disp[p] = $C(0, 0); + }); + }); + }); + this.computePositions(prop, opt, incremental); + }, + + computePositions: function(property, opt, incremental) { + var times = this.config.iterations, i = 0, that = this; + if(incremental) { + (function iter() { + for(var total=incremental.iter, j=0; j= times) { + incremental.onComplete(); + return; + } + } + incremental.onStep(Math.round(i / (times -1) * 100)); + setTimeout(iter, 1); + })(); + } else { + for(; i < times; i++) { + opt.t = opt.tstart * (1 - i/(times -1)); + this.computePositionStep(property, opt); + } + } + }, + + computePositionStep: function(property, opt) { + var graph = this.graph; + var min = Math.min, max = Math.max; + var dpos = $C(0, 0); + //calculate repulsive forces + graph.eachNode(function(v) { + //initialize disp + $.each(property, function(p) { + v.disp[p].x = 0; v.disp[p].y = 0; + }); + graph.eachNode(function(u) { + if(u.id != v.id) { + $.each(property, function(p) { + var vp = v.getPos(p), up = u.getPos(p); + dpos.x = vp.x - up.x; + dpos.y = vp.y - up.y; + var norm = dpos.norm() || 1; + v.disp[p].$add(dpos + .$scale(opt.nodef(norm) / norm)); + }); + } + }); + }); + //calculate attractive forces + var T = !!graph.getNode(this.root).visited; + graph.eachNode(function(node) { + node.eachAdjacency(function(adj) { + var nodeTo = adj.nodeTo; + if(!!nodeTo.visited === T) { + $.each(property, function(p) { + var vp = node.getPos(p), up = nodeTo.getPos(p); + dpos.x = vp.x - up.x; + dpos.y = vp.y - up.y; + var norm = dpos.norm() || 1; + node.disp[p].$add(dpos.$scale(-opt.edgef(norm) / norm)); + nodeTo.disp[p].$add(dpos.$scale(-1)); + }); + } + }); + node.visited = !T; + }); + //arrange positions to fit the canvas + var t = opt.t, w2 = opt.width / 2, h2 = opt.height / 2; + graph.eachNode(function(u) { + $.each(property, function(p) { + var disp = u.disp[p]; + var norm = disp.norm() || 1; + var p = u.getPos(p); + p.$add($C(disp.x * min(Math.abs(disp.x), t) / norm, + disp.y * min(Math.abs(disp.y), t) / norm)); + p.x = min(w2, max(-w2, p.x)); + p.y = min(h2, max(-h2, p.y)); + }); + }); + } +}); + +/* + * File: ForceDirected.js + */ + +/* + Class: ForceDirected + + A visualization that lays graphs using a Force-Directed layout algorithm. + + Inspired by: + + Force-Directed Drawing Algorithms (Stephen G. Kobourov) + + Implements: + + All methods + + Constructor Options: + + Inherits options from + + - + - + - + - + - + - + - + - + - + + Additionally, there are two parameters + + levelDistance - (number) Default's *50*. The natural length desired for the edges. + iterations - (number) Default's *50*. The number of iterations for the spring layout simulation. Depending on the browser's speed you could set this to a more 'interesting' number, like *200*. + + Instance Properties: + + canvas - Access a instance. + graph - Access a instance. + op - Access a instance. + fx - Access a instance. + labels - Access a interface implementation. + +*/ + +$jit.ForceDirected = new Class( { + + Implements: [ Loader, Extras, Layouts.ForceDirected ], + + initialize: function(controller) { + var $ForceDirected = $jit.ForceDirected; + + var config = { + iterations: 50, + levelDistance: 50 + }; + + this.controller = this.config = $.merge(Options("Canvas", "Node", "Edge", + "Fx", "Tips", "NodeStyles", "Events", "Navigation", "Controller", "Label"), config, controller); + + var canvasConfig = this.config; + if(canvasConfig.useCanvas) { + this.canvas = canvasConfig.useCanvas; + this.config.labelContainer = this.canvas.id + '-label'; + } else { + if(canvasConfig.background) { + canvasConfig.background = $.merge({ + type: 'Circles' + }, canvasConfig.background); + } + this.canvas = new Canvas(this, canvasConfig); + this.config.labelContainer = (typeof canvasConfig.injectInto == 'string'? canvasConfig.injectInto : canvasConfig.injectInto.id) + '-label'; + } + + this.graphOptions = { + 'klass': Complex, + 'Node': { + 'selected': false, + 'exist': true, + 'drawn': true + } + }; + this.graph = new Graph(this.graphOptions, this.config.Node, + this.config.Edge); + this.labels = new $ForceDirected.Label[canvasConfig.Label.type](this); + this.fx = new $ForceDirected.Plot(this, $ForceDirected); + this.op = new $ForceDirected.Op(this); + this.json = null; + this.busy = false; + // initialize extras + this.initializeExtras(); + }, + + /* + Method: refresh + + Computes positions and plots the tree. + */ + refresh: function() { + this.compute(); + this.plot(); + }, + + reposition: function() { + this.compute('end'); + }, + +/* + Method: computeIncremental + + Performs the Force Directed algorithm incrementally. + + Description: + + ForceDirected algorithms can perform many computations and lead to JavaScript taking too much time to complete. + This method splits the algorithm into smaller parts allowing the user to track the evolution of the algorithm and + avoiding browser messages such as "This script is taking too long to complete". + + Parameters: + + opt - (object) The object properties are described below + + iter - (number) Default's *20*. Split the algorithm into pieces of _iter_ iterations. For example, if the _iterations_ configuration property + of your class is 100, then you could set _iter_ to 20 to split the main algorithm into 5 smaller pieces. + + property - (string) Default's *end*. Whether to update starting, current or ending node positions. Possible values are 'end', 'start', 'current'. + You can also set an array of these properties. If you'd like to keep the current node positions but to perform these + computations for final animation positions then you can just choose 'end'. + + onStep - (function) A callback function called when each "small part" of the algorithm completed. This function gets as first formal + parameter a percentage value. + + onComplete - A callback function called when the algorithm completed. + + Example: + + In this example I calculate the end positions and then animate the graph to those positions + + (start code js) + var fd = new $jit.ForceDirected(...); + fd.computeIncremental({ + iter: 20, + property: 'end', + onStep: function(perc) { + Log.write("loading " + perc + "%"); + }, + onComplete: function() { + Log.write("done"); + fd.animate(); + } + }); + (end code) + + In this example I calculate all positions and (re)plot the graph + + (start code js) + var fd = new ForceDirected(...); + fd.computeIncremental({ + iter: 20, + property: ['end', 'start', 'current'], + onStep: function(perc) { + Log.write("loading " + perc + "%"); + }, + onComplete: function() { + Log.write("done"); + fd.plot(); + } + }); + (end code) + + */ + computeIncremental: function(opt) { + opt = $.merge( { + iter: 20, + property: 'end', + onStep: $.empty, + onComplete: $.empty + }, opt || {}); + + this.config.onBeforeCompute(this.graph.getNode(this.root)); + this.compute(opt.property, opt); + }, + + /* + Method: plot + + Plots the ForceDirected graph. This is a shortcut to *fx.plot*. + */ + plot: function() { + this.fx.plot(); + }, + + /* + Method: animate + + Animates the graph from the current positions to the 'end' node positions. + */ + animate: function(opt) { + this.fx.animate($.merge( { + modes: [ 'linear' ] + }, opt || {})); + } +}); + +$jit.ForceDirected.$extend = true; + +(function(ForceDirected) { + + /* + Class: ForceDirected.Op + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ + ForceDirected.Op = new Class( { + + Implements: Graph.Op + + }); + + /* + Class: ForceDirected.Plot + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ + ForceDirected.Plot = new Class( { + + Implements: Graph.Plot + + }); + + /* + Class: ForceDirected.Label + + Custom extension of . + Contains custom , and extensions. + + Extends: + + All methods and subclasses. + + See also: + + , , , . + + */ + ForceDirected.Label = {}; + + /* + ForceDirected.Label.Native + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ + ForceDirected.Label.Native = new Class( { + Implements: Graph.Label.Native + }); + + /* + ForceDirected.Label.SVG + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ + ForceDirected.Label.SVG = new Class( { + Implements: Graph.Label.SVG, + + initialize: function(viz) { + this.viz = viz; + }, + + /* + placeLabel + + Overrides abstract method placeLabel in . + + Parameters: + + tag - A DOM label element. + node - A . + controller - A configuration/controller object passed to the visualization. + + */ + placeLabel: function(tag, node, controller) { + var pos = node.pos.getc(true), + canvas = this.viz.canvas, + ox = canvas.translateOffsetX, + oy = canvas.translateOffsetY, + sx = canvas.scaleOffsetX, + sy = canvas.scaleOffsetY, + radius = canvas.getSize(); + var labelPos = { + x: Math.round(pos.x * sx + ox + radius.width / 2), + y: Math.round(pos.y * sy + oy + radius.height / 2) + }; + tag.setAttribute('x', labelPos.x); + tag.setAttribute('y', labelPos.y); + + controller.onPlaceLabel(tag, node); + } + }); + + /* + ForceDirected.Label.HTML + + Custom extension of . + + Extends: + + All methods. + + See also: + + + + */ + ForceDirected.Label.HTML = new Class( { + Implements: Graph.Label.HTML, + + initialize: function(viz) { + this.viz = viz; + }, + /* + placeLabel + + Overrides abstract method placeLabel in . + + Parameters: + + tag - A DOM label element. + node - A . + controller - A configuration/controller object passed to the visualization. + + */ + placeLabel: function(tag, node, controller) { + var pos = node.pos.getc(true), + canvas = this.viz.canvas, + ox = canvas.translateOffsetX, + oy = canvas.translateOffsetY, + sx = canvas.scaleOffsetX, + sy = canvas.scaleOffsetY, + radius = canvas.getSize(); + var labelPos = { + x: Math.round(pos.x * sx + ox + radius.width / 2), + y: Math.round(pos.y * sy + oy + radius.height / 2) + }; + var style = tag.style; + style.left = labelPos.x + 'px'; + style.top = labelPos.y + 'px'; + style.display = this.fitsInCanvas(labelPos, canvas) ? '' : 'none'; + + controller.onPlaceLabel(tag, node); + } + }); + + /* + Class: ForceDirected.Plot.NodeTypes + + This class contains a list of built-in types. + Node types implemented are 'none', 'circle', 'triangle', 'rectangle', 'star', 'ellipse' and 'square'. + + You can add your custom node types, customizing your visualization to the extreme. + + Example: + + (start code js) + ForceDirected.Plot.NodeTypes.implement({ + 'mySpecialType': { + 'render': function(node, canvas) { + //print your custom node to canvas + }, + //optional + 'contains': function(node, pos) { + //return true if pos is inside the node or false otherwise + } + } + }); + (end code) + + */ + ForceDirected.Plot.NodeTypes = new Class({ + 'none': { + 'render': $.empty, + 'contains': $.lambda(false) + }, + 'circle': { + 'render': function(node, canvas){ + var pos = node.pos.getc(true), + dim = node.getData('dim'); + this.nodeHelper.circle.render('fill', pos, dim, canvas); + }, + 'contains': function(node, pos){ + var npos = node.pos.getc(true), + dim = node.getData('dim'); + return this.nodeHelper.circle.contains(npos, pos, dim); + } + }, + 'ellipse': { + 'render': function(node, canvas){ + var pos = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'); + this.nodeHelper.ellipse.render('fill', pos, width, height, canvas); + }, + 'contains': function(node, pos){ + var npos = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'); + return this.nodeHelper.ellipse.contains(npos, pos, width, height); + } + }, + 'square': { + 'render': function(node, canvas){ + var pos = node.pos.getc(true), + dim = node.getData('dim'); + this.nodeHelper.square.render('fill', pos, dim, canvas); + }, + 'contains': function(node, pos){ + var npos = node.pos.getc(true), + dim = node.getData('dim'); + return this.nodeHelper.square.contains(npos, pos, dim); + } + }, + 'rectangle': { + 'render': function(node, canvas){ + var pos = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'); + this.nodeHelper.rectangle.render('fill', pos, width, height, canvas); + }, + 'contains': function(node, pos){ + var npos = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'); + return this.nodeHelper.rectangle.contains(npos, pos, width, height); + } + }, + 'triangle': { + 'render': function(node, canvas){ + var pos = node.pos.getc(true), + dim = node.getData('dim'); + this.nodeHelper.triangle.render('fill', pos, dim, canvas); + }, + 'contains': function(node, pos) { + var npos = node.pos.getc(true), + dim = node.getData('dim'); + return this.nodeHelper.triangle.contains(npos, pos, dim); + } + }, + 'star': { + 'render': function(node, canvas){ + var pos = node.pos.getc(true), + dim = node.getData('dim'); + this.nodeHelper.star.render('fill', pos, dim, canvas); + }, + 'contains': function(node, pos) { + var npos = node.pos.getc(true), + dim = node.getData('dim'); + return this.nodeHelper.star.contains(npos, pos, dim); + } + } + }); + + /* + Class: ForceDirected.Plot.EdgeTypes + + This class contains a list of built-in types. + Edge types implemented are 'none', 'line' and 'arrow'. + + You can add your custom edge types, customizing your visualization to the extreme. + + Example: + + (start code js) + ForceDirected.Plot.EdgeTypes.implement({ + 'mySpecialType': { + 'render': function(adj, canvas) { + //print your custom edge to canvas + }, + //optional + 'contains': function(adj, pos) { + //return true if pos is inside the arc or false otherwise + } + } + }); + (end code) + + */ + ForceDirected.Plot.EdgeTypes = new Class({ + 'none': $.empty, + 'line': { + 'render': function(adj, canvas) { + var from = adj.nodeFrom.pos.getc(true), + to = adj.nodeTo.pos.getc(true); + this.edgeHelper.line.render(from, to, canvas); + }, + 'contains': function(adj, pos) { + var from = adj.nodeFrom.pos.getc(true), + to = adj.nodeTo.pos.getc(true); + return this.edgeHelper.line.contains(from, to, pos, this.edge.epsilon); + } + }, + 'arrow': { + 'render': function(adj, canvas) { + var from = adj.nodeFrom.pos.getc(true), + to = adj.nodeTo.pos.getc(true), + dim = adj.getData('dim'), + direction = adj.data.$direction, + inv = (direction && direction.length>1 && direction[0] != adj.nodeFrom.id); + this.edgeHelper.arrow.render(from, to, dim, inv, canvas); + }, + 'contains': function(adj, pos) { + var from = adj.nodeFrom.pos.getc(true), + to = adj.nodeTo.pos.getc(true); + return this.edgeHelper.arrow.contains(from, to, pos, this.edge.epsilon); + } + } + }); + +})($jit.ForceDirected); + + +/* + * File: Treemap.js + * +*/ + +$jit.TM = {}; + +var TM = $jit.TM; + +$jit.TM.$extend = true; + +/* + Class: TM.Base + + Abstract class providing base functionality for , and visualizations. + + Implements: + + All methods + + Constructor Options: + + Inherits options from + + - + - + - + - + - + - + - + - + - + + Additionally, there are other parameters and some default values changed + + orientation - (string) Default's *h*. Whether to set horizontal or vertical layouts. Possible values are 'h' and 'v'. + titleHeight - (number) Default's *13*. The height of the title rectangle for inner (non-leaf) nodes. + offset - (number) Default's *2*. Boxes offset. + constrained - (boolean) Default's *false*. Whether to show the entire tree when loaded or just the number of levels specified by _levelsToShow_. + levelsToShow - (number) Default's *3*. The number of levels to show for a subtree. This number is relative to the selected node. + animate - (boolean) Default's *false*. Whether to animate transitions. + Node.type - Described in . Default's *rectangle*. + duration - Described in . Default's *700*. + fps - Described in . Default's *45*. + + Instance Properties: + + canvas - Access a instance. + graph - Access a instance. + op - Access a instance. + fx - Access a instance. + labels - Access a interface implementation. + + Inspired by: + + Squarified Treemaps (Mark Bruls, Kees Huizing, and Jarke J. van Wijk) + + Tree visualization with tree-maps: 2-d space-filling approach (Ben Shneiderman) + + Note: + + This visualization was built and engineered from scratch, taking only the paper as inspiration, and only shares some features with the visualization described in the paper. + +*/ +TM.Base = { + layout: { + orientation: "h", + vertical: function(){ + return this.orientation == "v"; + }, + horizontal: function(){ + return this.orientation == "h"; + }, + change: function(){ + this.orientation = this.vertical()? "h" : "v"; + } + }, + + initialize: function(controller){ + var config = { + orientation: "h", + titleHeight: 13, + offset: 2, + levelsToShow: 0, + constrained: false, + animate: false, + Node: { + type: 'rectangle', + overridable: true, + //we all know why this is not zero, + //right, Firefox? + width: 3, + height: 3, + color: '#444' + }, + Label: { + textAlign: 'center', + textBaseline: 'top' + }, + Edge: { + type: 'none' + }, + duration: 700, + fps: 45 + }; + + this.controller = this.config = $.merge(Options("Canvas", "Node", "Edge", + "Fx", "Controller", "Tips", "NodeStyles", "Events", "Navigation", "Label"), config, controller); + this.layout.orientation = this.config.orientation; + + var canvasConfig = this.config; + if (canvasConfig.useCanvas) { + this.canvas = canvasConfig.useCanvas; + this.config.labelContainer = this.canvas.id + '-label'; + } else { + if(canvasConfig.background) { + canvasConfig.background = $.merge({ + type: 'Circles' + }, canvasConfig.background); + } + this.canvas = new Canvas(this, canvasConfig); + this.config.labelContainer = (typeof canvasConfig.injectInto == 'string'? canvasConfig.injectInto : canvasConfig.injectInto.id) + '-label'; + } + + this.graphOptions = { + 'klass': Complex, + 'Node': { + 'selected': false, + 'exist': true, + 'drawn': true + } + }; + this.graph = new Graph(this.graphOptions, this.config.Node, + this.config.Edge); + this.labels = new TM.Label[canvasConfig.Label.type](this); + this.fx = new TM.Plot(this); + this.op = new TM.Op(this); + this.group = new TM.Group(this); + this.geom = new TM.Geom(this); + this.clickedNode = null; + this.busy = false; + // initialize extras + this.initializeExtras(); + }, + + /* + Method: refresh + + Computes positions and plots the tree. + */ + refresh: function(){ + if(this.busy) return; + this.busy = true; + var that = this; + if(this.config.animate) { + this.compute('end'); + this.config.levelsToShow > 0 && this.geom.setRightLevelToShow(this.graph.getNode(this.clickedNode + && this.clickedNode.id || this.root)); + this.fx.animate($.merge(this.config, { + modes: ['linear', 'node-property:width:height'], + onComplete: function() { + that.busy = false; + } + })); + } else { + var labelType = this.config.Label.type; + if(labelType != 'Native') { + var that = this; + this.graph.eachNode(function(n) { that.labels.hideLabel(n, false); }); + } + this.busy = false; + this.compute(); + this.config.levelsToShow > 0 && this.geom.setRightLevelToShow(this.graph.getNode(this.clickedNode + && this.clickedNode.id || this.root)); + this.plot(); + } + }, + + /* + Method: plot + + Plots the TreeMap. This is a shortcut to *fx.plot*. + + */ + plot: function(){ + this.fx.plot(); + }, + + /* + Method: leaf + + Returns whether the node is a leaf. + + Parameters: + + n - (object) A . + + */ + leaf: function(n){ + return n.getSubnodes([ + 1, 1 + ], "ignore").length == 0; + }, + + /* + Method: enter + + Sets the node as root. + + Parameters: + + n - (object) A . + + */ + enter: function(n){ + if(this.busy) return; + this.busy = true; + + var that = this, + config = this.config, + graph = this.graph, + clickedNode = n, + previousClickedNode = this.clickedNode; + + var callback = { + onComplete: function() { + //ensure that nodes are shown for that level + if(config.levelsToShow > 0) { + that.geom.setRightLevelToShow(n); + } + //compute positions of newly inserted nodes + if(config.levelsToShow > 0 || config.request) that.compute(); + if(config.animate) { + //fade nodes + graph.nodeList.setData('alpha', 0, 'end'); + n.eachSubgraph(function(n) { + n.setData('alpha', 1, 'end'); + }, "ignore"); + that.fx.animate({ + duration: 500, + modes:['node-property:alpha'], + onComplete: function() { + //compute end positions + that.clickedNode = clickedNode; + that.compute('end'); + //animate positions + //TODO(nico) commenting this line didn't seem to throw errors... + that.clickedNode = previousClickedNode; + that.fx.animate({ + modes:['linear', 'node-property:width:height'], + duration: 1000, + onComplete: function() { + that.busy = false; + //TODO(nico) check comment above + that.clickedNode = clickedNode; + } + }); + } + }); + } else { + that.busy = false; + that.clickedNode = n; + that.refresh(); + } + } + }; + if(config.request) { + this.requestNodes(clickedNode, callback); + } else { + callback.onComplete(); + } + }, + + /* + Method: out + + Sets the parent node of the current selected node as root. + + */ + out: function(){ + if(this.busy) return; + this.busy = true; + this.events.hoveredNode = false; + var that = this, + config = this.config, + graph = this.graph, + parents = graph.getNode(this.clickedNode + && this.clickedNode.id || this.root).getParents(), + parent = parents[0], + clickedNode = parent, + previousClickedNode = this.clickedNode; + + //if no parents return + if(!parent) { + this.busy = false; + return; + } + //final plot callback + callback = { + onComplete: function() { + that.clickedNode = parent; + if(config.request) { + that.requestNodes(parent, { + onComplete: function() { + that.compute(); + that.plot(); + that.busy = false; + } + }); + } else { + that.compute(); + that.plot(); + that.busy = false; + } + } + }; + //prune tree + if (config.levelsToShow > 0) + this.geom.setRightLevelToShow(parent); + //animate node positions + if(config.animate) { + this.clickedNode = clickedNode; + this.compute('end'); + //animate the visible subtree only + this.clickedNode = previousClickedNode; + this.fx.animate({ + modes:['linear', 'node-property:width:height'], + duration: 1000, + onComplete: function() { + //animate the parent subtree + that.clickedNode = clickedNode; + //change nodes alpha + graph.eachNode(function(n) { + n.setDataset(['current', 'end'], { + 'alpha': [0, 1] + }); + }, "ignore"); + previousClickedNode.eachSubgraph(function(node) { + node.setData('alpha', 1); + }, "ignore"); + that.fx.animate({ + duration: 500, + modes:['node-property:alpha'], + onComplete: function() { + callback.onComplete(); + } + }); + } + }); + } else { + callback.onComplete(); + } + }, + + requestNodes: function(node, onComplete){ + var handler = $.merge(this.controller, onComplete), + lev = this.config.levelsToShow; + if (handler.request) { + var leaves = [], d = node._depth; + node.eachLevel(0, lev, function(n){ + var nodeLevel = lev - (n._depth - d); + if (n.drawn && !n.anySubnode() && nodeLevel > 0) { + leaves.push(n); + n._level = nodeLevel; + } + }); + this.group.requestNodes(leaves, handler); + } else { + handler.onComplete(); + } + }, + + reposition: function() { + this.compute('end'); + } +}; + +/* + Class: TM.Op + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ +TM.Op = new Class({ + Implements: Graph.Op, + + initialize: function(viz){ + this.viz = viz; + } +}); + +//extend level methods of Graph.Geom +TM.Geom = new Class({ + Implements: Graph.Geom, + + getRightLevelToShow: function() { + return this.viz.config.levelsToShow; + }, + + setRightLevelToShow: function(node) { + var level = this.getRightLevelToShow(), + fx = this.viz.labels; + node.eachLevel(0, level+1, function(n) { + var d = n._depth - node._depth; + if(d > level) { + n.drawn = false; + n.exist = false; + n.ignore = true; + fx.hideLabel(n, false); + } else { + n.drawn = true; + n.exist = true; + delete n.ignore; + } + }); + node.drawn = true; + delete node.ignore; + } +}); + +/* + +Performs operations on group of nodes. + +*/ +TM.Group = new Class( { + + initialize: function(viz){ + this.viz = viz; + this.canvas = viz.canvas; + this.config = viz.config; + }, + + /* + + Calls the request method on the controller to request a subtree for each node. + */ + requestNodes: function(nodes, controller){ + var counter = 0, len = nodes.length, nodeSelected = {}; + var complete = function(){ + controller.onComplete(); + }; + var viz = this.viz; + if (len == 0) + complete(); + for ( var i = 0; i < len; i++) { + nodeSelected[nodes[i].id] = nodes[i]; + controller.request(nodes[i].id, nodes[i]._level, { + onComplete: function(nodeId, data){ + if (data && data.children) { + data.id = nodeId; + viz.op.sum(data, { + type: 'nothing' + }); + } + if (++counter == len) { + viz.graph.computeLevels(viz.root, 0); + complete(); + } + } + }); + } + } +}); + +/* + Class: TM.Plot + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ +TM.Plot = new Class({ + + Implements: Graph.Plot, + + initialize: function(viz){ + this.viz = viz; + this.config = viz.config; + this.node = this.config.Node; + this.edge = this.config.Edge; + this.animation = new Animation; + this.nodeTypes = new TM.Plot.NodeTypes; + this.edgeTypes = new TM.Plot.EdgeTypes; + this.labels = viz.labels; + }, + + plot: function(opt, animating){ + var viz = this.viz, + graph = viz.graph; + viz.canvas.clear(); + this.plotTree(graph.getNode(viz.clickedNode && viz.clickedNode.id || viz.root), $.merge(viz.config, opt || {}, { + 'withLabels': true, + 'hideLabels': false, + 'plotSubtree': function(n, ch){ + return n.anySubnode("exist"); + } + }), animating); + } +}); + +/* + Class: TM.Label + + Custom extension of . + Contains custom , and extensions. + + Extends: + + All methods and subclasses. + + See also: + + , , , . + +*/ +TM.Label = {}; + +/* + TM.Label.Native + + Custom extension of . + + Extends: + + All methods + + See also: + + +*/ +TM.Label.Native = new Class({ + Implements: Graph.Label.Native, + + initialize: function(viz) { + this.config = viz.config; + this.leaf = viz.leaf; + }, + + renderLabel: function(canvas, node, controller){ + if(!this.leaf(node) && !this.config.titleHeight) return; + var pos = node.pos.getc(true), + ctx = canvas.getCtx(), + width = node.getData('width'), + height = node.getData('height'), + x = pos.x + width/2, + y = pos.y; + + ctx.fillText(node.name, x, y, width); + } +}); + +/* + TM.Label.SVG + + Custom extension of . + + Extends: + + All methods + + See also: + + +*/ +TM.Label.SVG = new Class( { + Implements: Graph.Label.SVG, + + initialize: function(viz){ + this.viz = viz; + this.leaf = viz.leaf; + this.config = viz.config; + }, + + /* + placeLabel + + Overrides abstract method placeLabel in . + + Parameters: + + tag - A DOM label element. + node - A . + controller - A configuration/controller object passed to the visualization. + + */ + placeLabel: function(tag, node, controller){ + var pos = node.pos.getc(true), + canvas = this.viz.canvas, + ox = canvas.translateOffsetX, + oy = canvas.translateOffsetY, + sx = canvas.scaleOffsetX, + sy = canvas.scaleOffsetY, + radius = canvas.getSize(); + var labelPos = { + x: Math.round(pos.x * sx + ox + radius.width / 2), + y: Math.round(pos.y * sy + oy + radius.height / 2) + }; + tag.setAttribute('x', labelPos.x); + tag.setAttribute('y', labelPos.y); + + if(!this.leaf(node) && !this.config.titleHeight) { + tag.style.display = 'none'; + } + controller.onPlaceLabel(tag, node); + } +}); + +/* + TM.Label.HTML + + Custom extension of . + + Extends: + + All methods. + + See also: + + + +*/ +TM.Label.HTML = new Class( { + Implements: Graph.Label.HTML, + + initialize: function(viz){ + this.viz = viz; + this.leaf = viz.leaf; + this.config = viz.config; + }, + + /* + placeLabel + + Overrides abstract method placeLabel in . + + Parameters: + + tag - A DOM label element. + node - A . + controller - A configuration/controller object passed to the visualization. + + */ + placeLabel: function(tag, node, controller){ + var pos = node.pos.getc(true), + canvas = this.viz.canvas, + ox = canvas.translateOffsetX, + oy = canvas.translateOffsetY, + sx = canvas.scaleOffsetX, + sy = canvas.scaleOffsetY, + radius = canvas.getSize(); + var labelPos = { + x: Math.round(pos.x * sx + ox + radius.width / 2), + y: Math.round(pos.y * sy + oy + radius.height / 2) + }; + + var style = tag.style; + style.left = labelPos.x + 'px'; + style.top = labelPos.y + 'px'; + style.width = node.getData('width') * sx + 'px'; + style.height = node.getData('height') * sy + 'px'; + style.zIndex = node._depth * 100; + style.display = ''; + + if(!this.leaf(node) && !this.config.titleHeight) { + tag.style.display = 'none'; + } + controller.onPlaceLabel(tag, node); + } +}); + +/* + Class: TM.Plot.NodeTypes + + This class contains a list of built-in types. + Node types implemented are 'none', 'rectangle'. + + You can add your custom node types, customizing your visualization to the extreme. + + Example: + + (start code js) + TM.Plot.NodeTypes.implement({ + 'mySpecialType': { + 'render': function(node, canvas) { + //print your custom node to canvas + }, + //optional + 'contains': function(node, pos) { + //return true if pos is inside the node or false otherwise + } + } + }); + (end code) + +*/ +TM.Plot.NodeTypes = new Class( { + 'none': { + 'render': $.empty + }, + + 'rectangle': { + 'render': function(node, canvas, animating){ + var leaf = this.viz.leaf(node), + config = this.config, + offst = config.offset, + titleHeight = config.titleHeight, + pos = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'), + border = node.getData('border'), + ctx = canvas.getCtx(), + posx = pos.x + offst / 2, + posy = pos.y + offst / 2; + if(width <= offst || height <= offst) return; + if (leaf) { + if(config.cushion) { + var lg = ctx.createRadialGradient(posx + (width-offst)/2, posy + (height-offst)/2, 1, + posx + (width-offst)/2, posy + (height-offst)/2, width < height? height : width); + var color = node.getData('color'); + var colorGrad = $.rgbToHex($.map($.hexToRgb(color), + function(r) { return r * 0.2 >> 0; })); + lg.addColorStop(0, color); + lg.addColorStop(1, colorGrad); + ctx.fillStyle = lg; + } + ctx.fillRect(posx, posy, width - offst, height - offst); + if(border) { + ctx.save(); + ctx.strokeStyle = border; + ctx.strokeRect(posx, posy, width - offst, height - offst); + ctx.restore(); + } + } else if(titleHeight > 0){ + ctx.fillRect(pos.x + offst / 2, pos.y + offst / 2, width - offst, + titleHeight - offst); + if(border) { + ctx.save(); + ctx.strokeStyle = border; + ctx.strokeRect(pos.x + offst / 2, pos.y + offst / 2, width - offst, + height - offst); + ctx.restore(); + } + } + }, + 'contains': function(node, pos) { + if(this.viz.clickedNode && !node.isDescendantOf(this.viz.clickedNode.id) || node.ignore) return false; + var npos = node.pos.getc(true), + width = node.getData('width'), + leaf = this.viz.leaf(node), + height = leaf? node.getData('height') : this.config.titleHeight; + return this.nodeHelper.rectangle.contains({x: npos.x + width/2, y: npos.y + height/2}, pos, width, height); + } + } +}); + +TM.Plot.EdgeTypes = new Class( { + 'none': $.empty +}); + +/* + Class: TM.SliceAndDice + + A slice and dice TreeMap visualization. + + Implements: + + All methods and properties. +*/ +TM.SliceAndDice = new Class( { + Implements: [ + Loader, Extras, TM.Base, Layouts.TM.SliceAndDice + ] +}); + +/* + Class: TM.Squarified + + A squarified TreeMap visualization. + + Implements: + + All methods and properties. +*/ +TM.Squarified = new Class( { + Implements: [ + Loader, Extras, TM.Base, Layouts.TM.Squarified + ] +}); + +/* + Class: TM.Strip + + A strip TreeMap visualization. + + Implements: + + All methods and properties. +*/ +TM.Strip = new Class( { + Implements: [ + Loader, Extras, TM.Base, Layouts.TM.Strip + ] +}); + + +/* + * File: RGraph.js + * + */ + +/* + Class: RGraph + + A radial graph visualization with advanced animations. + + Inspired by: + + Animated Exploration of Dynamic Graphs with Radial Layout (Ka-Ping Yee, Danyel Fisher, Rachna Dhamija, Marti Hearst) + + Note: + + This visualization was built and engineered from scratch, taking only the paper as inspiration, and only shares some features with the visualization described in the paper. + + Implements: + + All methods + + Constructor Options: + + Inherits options from + + - + - + - + - + - + - + - + - + - + + Additionally, there are other parameters and some default values changed + + interpolation - (string) Default's *linear*. Describes the way nodes are interpolated. Possible values are 'linear' and 'polar'. + levelDistance - (number) Default's *100*. The distance between levels of the tree. + + Instance Properties: + + canvas - Access a instance. + graph - Access a instance. + op - Access a instance. + fx - Access a instance. + labels - Access a interface implementation. +*/ + +$jit.RGraph = new Class( { + + Implements: [ + Loader, Extras, Layouts.Radial + ], + + initialize: function(controller){ + var $RGraph = $jit.RGraph; + + var config = { + interpolation: 'linear', + levelDistance: 100 + }; + + this.controller = this.config = $.merge(Options("Canvas", "Node", "Edge", + "Fx", "Controller", "Tips", "NodeStyles", "Events", "Navigation", "Label"), config, controller); + + var canvasConfig = this.config; + if(canvasConfig.useCanvas) { + this.canvas = canvasConfig.useCanvas; + this.config.labelContainer = this.canvas.id + '-label'; + } else { + if(canvasConfig.background) { + canvasConfig.background = $.merge({ + type: 'Circles' + }, canvasConfig.background); + } + this.canvas = new Canvas(this, canvasConfig); + this.config.labelContainer = (typeof canvasConfig.injectInto == 'string'? canvasConfig.injectInto : canvasConfig.injectInto.id) + '-label'; + } + + this.graphOptions = { + 'klass': Polar, + 'Node': { + 'selected': false, + 'exist': true, + 'drawn': true + } + }; + this.graph = new Graph(this.graphOptions, this.config.Node, + this.config.Edge); + this.labels = new $RGraph.Label[canvasConfig.Label.type](this); + this.fx = new $RGraph.Plot(this, $RGraph); + this.op = new $RGraph.Op(this); + this.json = null; + this.root = null; + this.busy = false; + this.parent = false; + // initialize extras + this.initializeExtras(); + }, + + /* + + createLevelDistanceFunc + + Returns the levelDistance function used for calculating a node distance + to its origin. This function returns a function that is computed + per level and not per node, such that all nodes with the same depth will have the + same distance to the origin. The resulting function gets the + parent node as parameter and returns a float. + + */ + createLevelDistanceFunc: function(){ + var ld = this.config.levelDistance; + return function(elem){ + return (elem._depth + 1) * ld; + }; + }, + + /* + Method: refresh + + Computes positions and plots the tree. + + */ + refresh: function(){ + this.compute(); + this.plot(); + }, + + reposition: function(){ + this.compute('end'); + }, + + /* + Method: plot + + Plots the RGraph. This is a shortcut to *fx.plot*. + */ + plot: function(){ + this.fx.plot(); + }, + /* + getNodeAndParentAngle + + Returns the _parent_ of the given node, also calculating its angle span. + */ + getNodeAndParentAngle: function(id){ + var theta = false; + var n = this.graph.getNode(id); + var ps = n.getParents(); + var p = (ps.length > 0)? ps[0] : false; + if (p) { + var posParent = p.pos.getc(), posChild = n.pos.getc(); + var newPos = posParent.add(posChild.scale(-1)); + theta = Math.atan2(newPos.y, newPos.x); + if (theta < 0) + theta += 2 * Math.PI; + } + return { + parent: p, + theta: theta + }; + }, + /* + tagChildren + + Enumerates the children in order to maintain child ordering (second constraint of the paper). + */ + tagChildren: function(par, id){ + if (par.angleSpan) { + var adjs = []; + par.eachAdjacency(function(elem){ + adjs.push(elem.nodeTo); + }, "ignore"); + var len = adjs.length; + for ( var i = 0; i < len && id != adjs[i].id; i++) + ; + for ( var j = (i + 1) % len, k = 0; id != adjs[j].id; j = (j + 1) % len) { + adjs[j].dist = k++; + } + } + }, + /* + Method: onClick + + Animates the to center the node specified by *id*. + + Parameters: + + id - A id. + opt - (optional|object) An object containing some extra properties described below + hideLabels - (boolean) Default's *true*. Hide labels when performing the animation. + + Example: + + (start code js) + rgraph.onClick('someid'); + //or also... + rgraph.onClick('someid', { + hideLabels: false + }); + (end code) + + */ + onClick: function(id, opt){ + if (this.root != id && !this.busy) { + this.busy = true; + this.root = id; + var that = this; + this.controller.onBeforeCompute(this.graph.getNode(id)); + var obj = this.getNodeAndParentAngle(id); + + // second constraint + this.tagChildren(obj.parent, id); + this.parent = obj.parent; + this.compute('end'); + + // first constraint + var thetaDiff = obj.theta - obj.parent.endPos.theta; + this.graph.eachNode(function(elem){ + elem.endPos.set(elem.endPos.getp().add($P(thetaDiff, 0))); + }); + + var mode = this.config.interpolation; + opt = $.merge( { + onComplete: $.empty + }, opt || {}); + + this.fx.animate($.merge( { + hideLabels: true, + modes: [ + mode + ] + }, opt, { + onComplete: function(){ + that.busy = false; + opt.onComplete(); + } + })); + } + } +}); + +$jit.RGraph.$extend = true; + +(function(RGraph){ + + /* + Class: RGraph.Op + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ + RGraph.Op = new Class( { + + Implements: Graph.Op + + }); + + /* + Class: RGraph.Plot + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ + RGraph.Plot = new Class( { + + Implements: Graph.Plot + + }); + + /* + Object: RGraph.Label + + Custom extension of . + Contains custom , and extensions. + + Extends: + + All methods and subclasses. + + See also: + + , , , . + + */ + RGraph.Label = {}; + + /* + RGraph.Label.Native + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ + RGraph.Label.Native = new Class( { + Implements: Graph.Label.Native + }); + + /* + RGraph.Label.SVG + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ + RGraph.Label.SVG = new Class( { + Implements: Graph.Label.SVG, + + initialize: function(viz){ + this.viz = viz; + }, + + /* + placeLabel + + Overrides abstract method placeLabel in . + + Parameters: + + tag - A DOM label element. + node - A . + controller - A configuration/controller object passed to the visualization. + + */ + placeLabel: function(tag, node, controller){ + var pos = node.pos.getc(true), + canvas = this.viz.canvas, + ox = canvas.translateOffsetX, + oy = canvas.translateOffsetY, + sx = canvas.scaleOffsetX, + sy = canvas.scaleOffsetY, + radius = canvas.getSize(); + var labelPos = { + x: Math.round(pos.x * sx + ox + radius.width / 2), + y: Math.round(pos.y * sy + oy + radius.height / 2) + }; + tag.setAttribute('x', labelPos.x); + tag.setAttribute('y', labelPos.y); + + controller.onPlaceLabel(tag, node); + } + }); + + /* + RGraph.Label.HTML + + Custom extension of . + + Extends: + + All methods. + + See also: + + + + */ + RGraph.Label.HTML = new Class( { + Implements: Graph.Label.HTML, + + initialize: function(viz){ + this.viz = viz; + }, + /* + placeLabel + + Overrides abstract method placeLabel in . + + Parameters: + + tag - A DOM label element. + node - A . + controller - A configuration/controller object passed to the visualization. + + */ + placeLabel: function(tag, node, controller){ + var pos = node.pos.getc(true), + canvas = this.viz.canvas, + ox = canvas.translateOffsetX, + oy = canvas.translateOffsetY, + sx = canvas.scaleOffsetX, + sy = canvas.scaleOffsetY, + radius = canvas.getSize(); + var labelPos = { + x: Math.round(pos.x * sx + ox + radius.width / 2), + y: Math.round(pos.y * sy + oy + radius.height / 2) + }; + + var style = tag.style; + style.left = labelPos.x + 'px'; + style.top = labelPos.y + 'px'; + style.display = this.fitsInCanvas(labelPos, canvas)? '' : 'none'; + + controller.onPlaceLabel(tag, node); + } + }); + + /* + Class: RGraph.Plot.NodeTypes + + This class contains a list of built-in types. + Node types implemented are 'none', 'circle', 'triangle', 'rectangle', 'star', 'ellipse' and 'square'. + + You can add your custom node types, customizing your visualization to the extreme. + + Example: + + (start code js) + RGraph.Plot.NodeTypes.implement({ + 'mySpecialType': { + 'render': function(node, canvas) { + //print your custom node to canvas + }, + //optional + 'contains': function(node, pos) { + //return true if pos is inside the node or false otherwise + } + } + }); + (end code) + + */ + RGraph.Plot.NodeTypes = new Class({ + 'none': { + 'render': $.empty, + 'contains': $.lambda(false) + }, + 'circle': { + 'render': function(node, canvas){ + var pos = node.pos.getc(true), + dim = node.getData('dim'); + this.nodeHelper.circle.render('fill', pos, dim, canvas); + }, + 'contains': function(node, pos){ + var npos = node.pos.getc(true), + dim = node.getData('dim'); + return this.nodeHelper.circle.contains(npos, pos, dim); + } + }, + 'ellipse': { + 'render': function(node, canvas){ + var pos = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'); + this.nodeHelper.ellipse.render('fill', pos, width, height, canvas); + }, + 'contains': function(node, pos){ + var npos = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'); + return this.nodeHelper.ellipse.contains(npos, pos, width, height); + } + }, + 'square': { + 'render': function(node, canvas){ + var pos = node.pos.getc(true), + dim = node.getData('dim'); + this.nodeHelper.square.render('fill', pos, dim, canvas); + }, + 'contains': function(node, pos){ + var npos = node.pos.getc(true), + dim = node.getData('dim'); + return this.nodeHelper.square.contains(npos, pos, dim); + } + }, + 'rectangle': { + 'render': function(node, canvas){ + var pos = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'); + this.nodeHelper.rectangle.render('fill', pos, width, height, canvas); + }, + 'contains': function(node, pos){ + var npos = node.pos.getc(true), + width = node.getData('width'), + height = node.getData('height'); + return this.nodeHelper.rectangle.contains(npos, pos, width, height); + } + }, + 'triangle': { + 'render': function(node, canvas){ + var pos = node.pos.getc(true), + dim = node.getData('dim'); + this.nodeHelper.triangle.render('fill', pos, dim, canvas); + }, + 'contains': function(node, pos) { + var npos = node.pos.getc(true), + dim = node.getData('dim'); + return this.nodeHelper.triangle.contains(npos, pos, dim); + } + }, + 'star': { + 'render': function(node, canvas){ + var pos = node.pos.getc(true), + dim = node.getData('dim'); + this.nodeHelper.star.render('fill', pos, dim, canvas); + }, + 'contains': function(node, pos) { + var npos = node.pos.getc(true), + dim = node.getData('dim'); + return this.nodeHelper.star.contains(npos, pos, dim); + } + } + }); + + /* + Class: RGraph.Plot.EdgeTypes + + This class contains a list of built-in types. + Edge types implemented are 'none', 'line' and 'arrow'. + + You can add your custom edge types, customizing your visualization to the extreme. + + Example: + + (start code js) + RGraph.Plot.EdgeTypes.implement({ + 'mySpecialType': { + 'render': function(adj, canvas) { + //print your custom edge to canvas + }, + //optional + 'contains': function(adj, pos) { + //return true if pos is inside the arc or false otherwise + } + } + }); + (end code) + + */ + RGraph.Plot.EdgeTypes = new Class({ + 'none': $.empty, + 'line': { + 'render': function(adj, canvas) { + var from = adj.nodeFrom.pos.getc(true), + to = adj.nodeTo.pos.getc(true); + this.edgeHelper.line.render(from, to, canvas); + }, + 'contains': function(adj, pos) { + var from = adj.nodeFrom.pos.getc(true), + to = adj.nodeTo.pos.getc(true); + return this.edgeHelper.line.contains(from, to, pos, this.edge.epsilon); + } + }, + 'arrow': { + 'render': function(adj, canvas) { + var from = adj.nodeFrom.pos.getc(true), + to = adj.nodeTo.pos.getc(true), + dim = adj.getData('dim'), + direction = adj.data.$direction, + inv = (direction && direction.length>1 && direction[0] != adj.nodeFrom.id); + this.edgeHelper.arrow.render(from, to, dim, inv, canvas); + }, + 'contains': function(adj, pos) { + var from = adj.nodeFrom.pos.getc(true), + to = adj.nodeTo.pos.getc(true); + return this.edgeHelper.arrow.contains(from, to, pos, this.edge.epsilon); + } + } + }); + +})($jit.RGraph); + + +/* + * File: Hypertree.js + * +*/ + +/* + Complex + + A multi-purpose Complex Class with common methods. Extended for the Hypertree. + +*/ +/* + moebiusTransformation + + Calculates a moebius transformation for this point / complex. + For more information go to: + http://en.wikipedia.org/wiki/Moebius_transformation. + + Parameters: + + c - An initialized Complex instance representing a translation Vector. +*/ + +Complex.prototype.moebiusTransformation = function(c) { + var num = this.add(c); + var den = c.$conjugate().$prod(this); + den.x++; + return num.$div(den); +}; + +/* + moebiusTransformation + + Calculates a moebius transformation for the hyperbolic tree. + + + + Parameters: + + graph - A instance. + pos - A . + prop - A property array. + theta - Rotation angle. + startPos - _optional_ start position. +*/ +Graph.Util.moebiusTransformation = function(graph, pos, prop, startPos, flags) { + this.eachNode(graph, function(elem) { + for ( var i = 0; i < prop.length; i++) { + var p = pos[i].scale(-1), property = startPos ? startPos : prop[i]; + elem.getPos(prop[i]).set(elem.getPos(property).getc().moebiusTransformation(p)); + } + }, flags); +}; + +/* + Class: Hypertree + + A Hyperbolic Tree/Graph visualization. + + Inspired by: + + A Focus+Context Technique Based on Hyperbolic Geometry for Visualizing Large Hierarchies (John Lamping, Ramana Rao, and Peter Pirolli). + + + Note: + + This visualization was built and engineered from scratch, taking only the paper as inspiration, and only shares some features with the Hypertree described in the paper. + + Implements: + + All methods + + Constructor Options: + + Inherits options from + + - + - + - + - + - + - + - + - + - + + Additionally, there are other parameters and some default values changed + + radius - (string|number) Default's *auto*. The radius of the disc to plot the in. 'auto' will take the smaller value from the width and height canvas dimensions. You can also set this to a custom value, for example *250*. + offset - (number) Default's *0*. A number in the range [0, 1) that will be substracted to each node position to make a more compact . This will avoid placing nodes too far from each other when a there's a selected node. + fps - Described in . It's default value has been changed to *35*. + duration - Described in . It's default value has been changed to *1500*. + Edge.type - Described in . It's default value has been changed to *hyperline*. + + Instance Properties: + + canvas - Access a instance. + graph - Access a instance. + op - Access a instance. + fx - Access a instance. + labels - Access a interface implementation. + +*/ + +$jit.Hypertree = new Class( { + + Implements: [ Loader, Extras, Layouts.Radial ], + + initialize: function(controller) { + var $Hypertree = $jit.Hypertree; + + var config = { + radius: "auto", + offset: 0, + Edge: { + type: 'hyperline' + }, + duration: 1500, + fps: 35 + }; + this.controller = this.config = $.merge(Options("Canvas", "Node", "Edge", + "Fx", "Tips", "NodeStyles", "Events", "Navigation", "Controller", "Label"), config, controller); + + var canvasConfig = this.config; + if(canvasConfig.useCanvas) { + this.canvas = canvasConfig.useCanvas; + this.config.labelContainer = this.canvas.id + '-label'; + } else { + if(canvasConfig.background) { + canvasConfig.background = $.merge({ + type: 'Circles' + }, canvasConfig.background); + } + this.canvas = new Canvas(this, canvasConfig); + this.config.labelContainer = (typeof canvasConfig.injectInto == 'string'? canvasConfig.injectInto : canvasConfig.injectInto.id) + '-label'; + } + + this.graphOptions = { + 'klass': Polar, + 'Node': { + 'selected': false, + 'exist': true, + 'drawn': true + } + }; + this.graph = new Graph(this.graphOptions, this.config.Node, + this.config.Edge); + this.labels = new $Hypertree.Label[canvasConfig.Label.type](this); + this.fx = new $Hypertree.Plot(this, $Hypertree); + this.op = new $Hypertree.Op(this); + this.json = null; + this.root = null; + this.busy = false; + // initialize extras + this.initializeExtras(); + }, + + /* + + createLevelDistanceFunc + + Returns the levelDistance function used for calculating a node distance + to its origin. This function returns a function that is computed + per level and not per node, such that all nodes with the same depth will have the + same distance to the origin. The resulting function gets the + parent node as parameter and returns a float. + + */ + createLevelDistanceFunc: function() { + // get max viz. length. + var r = this.getRadius(); + // get max depth. + var depth = 0, max = Math.max, config = this.config; + this.graph.eachNode(function(node) { + depth = max(node._depth, depth); + }, "ignore"); + depth++; + // node distance generator + var genDistFunc = function(a) { + return function(node) { + node.scale = r; + var d = node._depth + 1; + var acum = 0, pow = Math.pow; + while (d) { + acum += pow(a, d--); + } + return acum - config.offset; + }; + }; + // estimate better edge length. + for ( var i = 0.51; i <= 1; i += 0.01) { + var valSeries = (1 - Math.pow(i, depth)) / (1 - i); + if (valSeries >= 2) { return genDistFunc(i - 0.01); } + } + return genDistFunc(0.75); + }, + + /* + Method: getRadius + + Returns the current radius of the visualization. If *config.radius* is *auto* then it + calculates the radius by taking the smaller size of the widget. + + See also: + + + + */ + getRadius: function() { + var rad = this.config.radius; + if (rad !== "auto") { return rad; } + var s = this.canvas.getSize(); + return Math.min(s.width, s.height) / 2; + }, + + /* + Method: refresh + + Computes positions and plots the tree. + + Parameters: + + reposition - (optional|boolean) Set this to *true* to force all positions (current, start, end) to match. + + */ + refresh: function(reposition) { + if (reposition) { + this.reposition(); + this.graph.eachNode(function(node) { + node.startPos.rho = node.pos.rho = node.endPos.rho; + node.startPos.theta = node.pos.theta = node.endPos.theta; + }); + } else { + this.compute(); + } + this.plot(); + }, + + /* + reposition + + Computes nodes' positions and restores the tree to its previous position. + + For calculating nodes' positions the root must be placed on its origin. This method does this + and then attemps to restore the hypertree to its previous position. + + */ + reposition: function() { + this.compute('end'); + var vector = this.graph.getNode(this.root).pos.getc().scale(-1); + Graph.Util.moebiusTransformation(this.graph, [ vector ], [ 'end' ], + 'end', "ignore"); + this.graph.eachNode(function(node) { + if (node.ignore) { + node.endPos.rho = node.pos.rho; + node.endPos.theta = node.pos.theta; + } + }); + }, + + /* + Method: plot + + Plots the . This is a shortcut to *fx.plot*. + + */ + plot: function() { + this.fx.plot(); + }, + + /* + Method: onClick + + Animates the to center the node specified by *id*. + + Parameters: + + id - A id. + opt - (optional|object) An object containing some extra properties described below + hideLabels - (boolean) Default's *true*. Hide labels when performing the animation. + + Example: + + (start code js) + ht.onClick('someid'); + //or also... + ht.onClick('someid', { + hideLabels: false + }); + (end code) + + */ + onClick: function(id, opt) { + var pos = this.graph.getNode(id).pos.getc(true); + this.move(pos, opt); + }, + + /* + Method: move + + Translates the tree to the given position. + + Parameters: + + pos - (object) A *x, y* coordinate object where x, y in [0, 1), to move the tree to. + opt - This object has been defined in + + Example: + + (start code js) + ht.move({ x: 0, y: 0.7 }, { + hideLabels: false + }); + (end code) + + */ + move: function(pos, opt) { + var versor = $C(pos.x, pos.y); + if (this.busy === false && versor.norm() < 1) { + this.busy = true; + var root = this.graph.getClosestNodeToPos(versor), that = this; + this.graph.computeLevels(root.id, 0); + this.controller.onBeforeCompute(root); + opt = $.merge( { + onComplete: $.empty + }, opt || {}); + this.fx.animate($.merge( { + modes: [ 'moebius' ], + hideLabels: true + }, opt, { + onComplete: function() { + that.busy = false; + opt.onComplete(); + } + }), versor); + } + } +}); + +$jit.Hypertree.$extend = true; + +(function(Hypertree) { + + /* + Class: Hypertree.Op + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ + Hypertree.Op = new Class( { + + Implements: Graph.Op + + }); + + /* + Class: Hypertree.Plot + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ + Hypertree.Plot = new Class( { + + Implements: Graph.Plot + + }); + + /* + Object: Hypertree.Label + + Custom extension of . + Contains custom , and extensions. + + Extends: + + All methods and subclasses. + + See also: + + , , , . + + */ + Hypertree.Label = {}; + + /* + Hypertree.Label.Native + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ + Hypertree.Label.Native = new Class( { + Implements: Graph.Label.Native, + + initialize: function(viz) { + this.viz = viz; + }, + + renderLabel: function(canvas, node, controller) { + var ctx = canvas.getCtx(); + var coord = node.pos.getc(true); + var s = this.viz.getRadius(); + ctx.fillText(node.name, coord.x * s, coord.y * s); + } + }); + + /* + Hypertree.Label.SVG + + Custom extension of . + + Extends: + + All methods + + See also: + + + + */ + Hypertree.Label.SVG = new Class( { + Implements: Graph.Label.SVG, + + initialize: function(viz) { + this.viz = viz; + }, + + /* + placeLabel + + Overrides abstract method placeLabel in . + + Parameters: + + tag - A DOM label element. + node - A . + controller - A configuration/controller object passed to the visualization. + + */ + placeLabel: function(tag, node, controller) { + var pos = node.pos.getc(true), + canvas = this.viz.canvas, + ox = canvas.translateOffsetX, + oy = canvas.translateOffsetY, + sx = canvas.scaleOffsetX, + sy = canvas.scaleOffsetY, + radius = canvas.getSize(), + r = this.viz.getRadius(); + var labelPos = { + x: Math.round((pos.x * sx) * r + ox + radius.width / 2), + y: Math.round((pos.y * sy) * r + oy + radius.height / 2) + }; + tag.setAttribute('x', labelPos.x); + tag.setAttribute('y', labelPos.y); + controller.onPlaceLabel(tag, node); + } + }); + + /* + Hypertree.Label.HTML + + Custom extension of . + + Extends: + + All methods. + + See also: + + + + */ + Hypertree.Label.HTML = new Class( { + Implements: Graph.Label.HTML, + + initialize: function(viz) { + this.viz = viz; + }, + /* + placeLabel + + Overrides abstract method placeLabel in . + + Parameters: + + tag - A DOM label element. + node - A . + controller - A configuration/controller object passed to the visualization. + + */ + placeLabel: function(tag, node, controller) { + var pos = node.pos.getc(true), + canvas = this.viz.canvas, + ox = canvas.translateOffsetX, + oy = canvas.translateOffsetY, + sx = canvas.scaleOffsetX, + sy = canvas.scaleOffsetY, + radius = canvas.getSize(), + r = this.viz.getRadius(); + var labelPos = { + x: Math.round((pos.x * sx) * r + ox + radius.width / 2), + y: Math.round((pos.y * sy) * r + oy + radius.height / 2) + }; + var style = tag.style; + style.left = labelPos.x + 'px'; + style.top = labelPos.y + 'px'; + style.display = this.fitsInCanvas(labelPos, canvas) ? '' : 'none'; + + controller.onPlaceLabel(tag, node); + } + }); + + /* + Class: Hypertree.Plot.NodeTypes + + This class contains a list of built-in types. + Node types implemented are 'none', 'circle', 'triangle', 'rectangle', 'star', 'ellipse' and 'square'. + + You can add your custom node types, customizing your visualization to the extreme. + + Example: + + (start code js) + Hypertree.Plot.NodeTypes.implement({ + 'mySpecialType': { + 'render': function(node, canvas) { + //print your custom node to canvas + }, + //optional + 'contains': function(node, pos) { + //return true if pos is inside the node or false otherwise + } + } + }); + (end code) + + */ + Hypertree.Plot.NodeTypes = new Class({ + 'none': { + 'render': $.empty, + 'contains': $.lambda(false) + }, + 'circle': { + 'render': function(node, canvas) { + var nconfig = this.node, + dim = node.getData('dim'), + p = node.pos.getc(); + dim = nconfig.transform? dim * (1 - p.squaredNorm()) : dim; + p.$scale(node.scale); + if (dim > 0.2) { + this.nodeHelper.circle.render('fill', p, dim, canvas); + } + }, + 'contains': function(node, pos) { + var dim = node.getData('dim'), + npos = node.pos.getc().$scale(node.scale); + return this.nodeHelper.circle.contains(npos, pos, dim); + } + }, + 'ellipse': { + 'render': function(node, canvas) { + var pos = node.pos.getc().$scale(node.scale), + width = node.getData('width'), + height = node.getData('height'); + this.nodeHelper.ellipse.render('fill', pos, width, height, canvas); + }, + 'contains': function(node, pos) { + var width = node.getData('width'), + height = node.getData('height'), + npos = node.pos.getc().$scale(node.scale); + return this.nodeHelper.circle.contains(npos, pos, width, height); + } + }, + 'square': { + 'render': function(node, canvas) { + var nconfig = this.node, + dim = node.getData('dim'), + p = node.pos.getc(); + dim = nconfig.transform? dim * (1 - p.squaredNorm()) : dim; + p.$scale(node.scale); + if (dim > 0.2) { + this.nodeHelper.square.render('fill', p, dim, canvas); + } + }, + 'contains': function(node, pos) { + var dim = node.getData('dim'), + npos = node.pos.getc().$scale(node.scale); + return this.nodeHelper.square.contains(npos, pos, dim); + } + }, + 'rectangle': { + 'render': function(node, canvas) { + var nconfig = this.node, + width = node.getData('width'), + height = node.getData('height'), + pos = node.pos.getc(); + width = nconfig.transform? width * (1 - pos.squaredNorm()) : width; + height = nconfig.transform? height * (1 - pos.squaredNorm()) : height; + pos.$scale(node.scale); + if (width > 0.2 && height > 0.2) { + this.nodeHelper.rectangle.render('fill', pos, width, height, canvas); + } + }, + 'contains': function(node, pos) { + var width = node.getData('width'), + height = node.getData('height'), + npos = node.pos.getc().$scale(node.scale); + return this.nodeHelper.rectangle.contains(npos, pos, width, height); + } + }, + 'triangle': { + 'render': function(node, canvas) { + var nconfig = this.node, + dim = node.getData('dim'), + p = node.pos.getc(); + dim = nconfig.transform? dim * (1 - p.squaredNorm()) : dim; + p.$scale(node.scale); + if (dim > 0.2) { + this.nodeHelper.triangle.render('fill', p, dim, canvas); + } + }, + 'contains': function(node, pos) { + var dim = node.getData('dim'), + npos = node.pos.getc().$scale(node.scale); + return this.nodeHelper.triangle.contains(npos, pos, dim); + } + }, + 'star': { + 'render': function(node, canvas) { + var nconfig = this.node, + dim = node.getData('dim'), + p = node.pos.getc(); + dim = nconfig.transform? dim * (1 - p.squaredNorm()) : dim; + p.$scale(node.scale); + if (dim > 0.2) { + this.nodeHelper.star.render('fill', p, dim, canvas); + } + }, + 'contains': function(node, pos) { + var dim = node.getData('dim'), + npos = node.pos.getc().$scale(node.scale); + return this.nodeHelper.star.contains(npos, pos, dim); + } + } + }); + + /* + Class: Hypertree.Plot.EdgeTypes + + This class contains a list of built-in types. + Edge types implemented are 'none', 'line', 'arrow' and 'hyperline'. + + You can add your custom edge types, customizing your visualization to the extreme. + + Example: + + (start code js) + Hypertree.Plot.EdgeTypes.implement({ + 'mySpecialType': { + 'render': function(adj, canvas) { + //print your custom edge to canvas + }, + //optional + 'contains': function(adj, pos) { + //return true if pos is inside the arc or false otherwise + } + } + }); + (end code) + + */ + Hypertree.Plot.EdgeTypes = new Class({ + 'none': $.empty, + 'line': { + 'render': function(adj, canvas) { + var from = adj.nodeFrom.pos.getc(true), + to = adj.nodeTo.pos.getc(true), + r = adj.nodeFrom.scale; + this.edgeHelper.line.render({x:from.x*r, y:from.y*r}, {x:to.x*r, y:to.y*r}, canvas); + }, + 'contains': function(adj, pos) { + var from = adj.nodeFrom.pos.getc(true), + to = adj.nodeTo.pos.getc(true), + r = adj.nodeFrom.scale; + this.edgeHelper.line.contains({x:from.x*r, y:from.y*r}, {x:to.x*r, y:to.y*r}, pos, this.edge.epsilon); + } + }, + 'arrow': { + 'render': function(adj, canvas) { + var from = adj.nodeFrom.pos.getc(true), + to = adj.nodeTo.pos.getc(true), + r = adj.nodeFrom.scale, + dim = adj.getData('dim'), + direction = adj.data.$direction, + inv = (direction && direction.length>1 && direction[0] != adj.nodeFrom.id); + this.edgeHelper.arrow.render({x:from.x*r, y:from.y*r}, {x:to.x*r, y:to.y*r}, dim, inv, canvas); + }, + 'contains': function(adj, pos) { + var from = adj.nodeFrom.pos.getc(true), + to = adj.nodeTo.pos.getc(true), + r = adj.nodeFrom.scale; + this.edgeHelper.arrow.contains({x:from.x*r, y:from.y*r}, {x:to.x*r, y:to.y*r}, pos, this.edge.epsilon); + } + }, + 'hyperline': { + 'render': function(adj, canvas) { + var from = adj.nodeFrom.pos.getc(), + to = adj.nodeTo.pos.getc(), + dim = this.viz.getRadius(); + this.edgeHelper.hyperline.render(from, to, dim, canvas); + }, + 'contains': $.lambda(false) + } + }); + +})($jit.Hypertree); + + + + + })(); \ No newline at end of file diff --git a/public/static/baidu/js/pop.up.window.js b/public/static/baidu/js/pop.up.window.js new file mode 100644 index 0000000..b68c6d5 --- /dev/null +++ b/public/static/baidu/js/pop.up.window.js @@ -0,0 +1,40 @@ +$(function(){ + var type = document.getElementById("type").value; + var mess; + if(type=='xoJxpj3bxDHDB7630pGCdQ=='){ + mess = '尊敬的用户，您好：
　　由于您长时间未操作电脑，系统自动终止了您的会话时间，如需继续使用，请重新登录！'; + icon = 'face-smile'; + getDialog(mess,icon); + }else if (type=='4RGFtuNcG3ZxdNyYiqDxeQ=='){ + mess = '尊敬的用户，您好：
　　登录失败，请您认真核对后重新登录！'; + icon = 'face-smile'; + getDialog(mess,icon); + }else if (type=='8k9i7reJGZubLkZ987GHaw=='){ + mess = '尊敬的用户，您好：
　　您已退出系统，如需继续使用，请您重新登录！'; + icon = 'face-smile'; + getDialog(mess,icon); + } + $("#toggleLogin").toggle(function(){ + $("#login").parent("div").animate({ height : 105 } , 520 ); + $("#login").animate({marginTop : 0 } , 500 ); + $(this).blur(); + },function(){ + $("#login").parent("div").animate({ height : 0 } , 500 ); + $("#login").animate({marginTop : -105 } , 520 ); + $(this).blur(); + }); + $("#closeLogin").click(function(){ + $("#login").parent("div").animate({ height : 0 } , 500 ); + $("#login").animate({marginTop : -105 } , 520 ); + }); +}); +function getDialog(mess,icon){ + art.dialog.notice({ + title: '系统温馨提示', + width: 220,// 必须指定一个像素宽度值或者百分比，否则浏览器窗口改变可能导致artDialog收缩 + content: mess, + icon: icon, + time: 6, + cancel:false + }); +} \ No newline at end of file diff --git a/public/static/baidu/js/script/FusionCharts.js b/public/static/baidu/js/script/FusionCharts.js new file mode 100644 index 0000000..62eda81 --- /dev/null +++ b/public/static/baidu/js/script/FusionCharts.js @@ -0,0 +1,200 @@ +/** + * FusionCharts Free: Flash Player detection and Chart embed + * + * Morphed from SWFObject (http://blog.deconcept.com/swfobject/) under MIT License: + * http://www.opensource.org/licenses/mit-license.php + * + */ +if(typeof infosoftglobal == "undefined") var infosoftglobal = new Object(); +if(typeof infosoftglobal.FusionChartsUtil == "undefined") infosoftglobal.FusionChartsUtil = new Object(); +infosoftglobal.FusionCharts = function(swf, id, w, h, c){ + if (!document.getElementById) { return; } + + //Flag to see whether data has been set initially + this.initialDataSet = false; + + //Create container objects + this.params = new Object(); + this.variables = new Object(); + this.attributes = new Array(); + + //Set attributes for the SWF + if(swf) { this.setAttribute('swf', swf); } + if(id) { this.setAttribute('id', id); } + if(w) { this.setAttribute('width', w); } + if(h) { this.setAttribute('height', h); } + + //Set background color + if(c) { this.addParam('bgcolor', c); } + + //Set Quality + this.addParam('quality', 'high'); + + //Add scripting access parameter + this.addParam('allowScriptAccess', 'always'); + this.addParam('swliveconnect', 'true'); + + //Pass width and height to be appended as chartWidth and chartHeight + this.addVariable('chartWidth', w); + this.addVariable('chartHeight', h); +}; + +infosoftglobal.FusionCharts.prototype = { + setAttribute: function(name, value){ + this.attributes[name] = value; + }, + getAttribute: function(name){ + return this.attributes[name]; + }, + addParam: function(name, value){ + this.params[name] = value; + }, + getParams: function(){ + return this.params; + }, + addVariable: function(name, value){ + this.variables[name] = value; + }, + getVariable: function(name){ + return this.variables[name]; + }, + getVariables: function(){ + return this.variables; + }, + getVariablePairs: function(){ + var variablePairs = new Array(); + var key; + var variables = this.getVariables(); + for(key in variables){ + variablePairs.push(key +"="+ variables[key]); + } + return variablePairs; + }, + getSWFHTML: function() { + var swfNode = ""; + if (navigator.plugins && navigator.mimeTypes && navigator.mimeTypes.length) { + // netscape plugin architecture + swfNode = ' 0){ swfNode += 'flashvars="'+ pairs +'"'; } + swfNode += '/>'; + } else { // PC IE + swfNode = ''; + swfNode += ''; + var params = this.getParams(); + for(var key in params) { + swfNode += ''; + } + var pairs = this.getVariablePairs().join("&"); + if(pairs.length > 0) {swfNode += '';} + swfNode += ""; + } + return swfNode; + }, + setDataURL: function(strDataURL){ + //This method sets the data URL for the chart. + //If being set initially + if (this.initialDataSet==false){ + this.addVariable('dataURL',strDataURL); + //Update flag + this.initialDataSet = true; + }else{ + //Else do nothing as FusionCharts Free doesn't support dynamic + //update of dataURL. It only supports update of dataXML. + } + }, + setDataXML: function(strDataXML){ + //If being set initially + if (this.initialDataSet==false){ + //This method sets the data XML for the chart INITIALLY. + this.addVariable('dataXML',strDataXML); + //Update flag + this.initialDataSet = true; + }else{ + //In FusionCharts Free, we use updateChartXML method to update + //the data of chart. + } + }, + render: function(elementId){ + var n = (typeof elementId == 'string') ? document.getElementById(elementId) : elementId; + n.innerHTML = this.getSWFHTML(); + return true; + } +}; + +// ------------ Fix for Out of Memory Bug in IE in FP9 ---------------// +/* Fix for video streaming bug */ +infosoftglobal.FusionChartsUtil.cleanupSWFs = function() { + if (window.opera || !document.all) return; + var objects = document.getElementsByTagName("OBJECT"); + for (var i=0; i < objects.length; i++) { + objects[i].style.display = 'none'; + for (var x in objects[i]) { + if (typeof objects[i][x] == 'function') { + objects[i][x] = function(){}; + } + } + } +}; +// Fixes bug in fp9 +infosoftglobal.FusionChartsUtil.prepUnload = function() { + __flash_unloadHandler = function(){}; + __flash_savedUnloadHandler = function(){}; + if (typeof window.onunload == 'function') { + var oldUnload = window.onunload; + window.onunload = function() { + infosoftglobal.FusionChartsUtil.cleanupSWFs(); + oldUnload(); + }; + } else { + window.onunload = infosoftglobal.FusionChartsUtil.cleanupSWFs; + } +}; +if (typeof window.onbeforeunload == 'function') { + var oldBeforeUnload = window.onbeforeunload; + window.onbeforeunload = function() { + infosoftglobal.FusionChartsUtil.prepUnload(); + oldBeforeUnload(); + }; +} else { + window.onbeforeunload = infosoftglobal.FusionChartsUtil.prepUnload; +} + +/* Add Array.push if needed (ie5) */ +if (Array.prototype.push == null) { Array.prototype.push = function(item) { this[this.length] = item; return this.length; };} + +/* Function to return Flash Object from ID */ +infosoftglobal.FusionChartsUtil.getChartObject = function(id) +{ + if (window.document[id]) { + return window.document[id]; + } + if (navigator.appName.indexOf("Microsoft Internet")==-1) { + if (document.embeds && document.embeds[id]) + return document.embeds[id]; + } else { + return document.getElementById(id); + } +}; +/* + Function to update chart's data at client side +*/ +infosoftglobal.FusionChartsUtil.updateChartXML = function(chartId, strXML){ + //Get reference to chart object + var chartObj = infosoftglobal.FusionChartsUtil.getChartObject(chartId); + //Set dataURL to null + chartObj.SetVariable("_root.dataURL",""); + //Set the flag + chartObj.SetVariable("_root.isNewData","1"); + //Set the actual data + chartObj.SetVariable("_root.newData",strXML); + //Go to the required frame + chartObj.TGotoLabel("/", "JavaScriptHandler"); +}; +/* Aliases for easy usage */ +var getChartFromId = infosoftglobal.FusionChartsUtil.getChartObject; +var updateChartXML = infosoftglobal.FusionChartsUtil.updateChartXML; +var FusionCharts = infosoftglobal.FusionCharts; \ No newline at end of file diff --git a/public/static/baidu/js/script/checkRepeat.js b/public/static/baidu/js/script/checkRepeat.js new file mode 100644 index 0000000..ffdfbf3 --- /dev/null +++ b/public/static/baidu/js/script/checkRepeat.js @@ -0,0 +1,189 @@ +/** + * 提交表单 + * 方法被调用后，根据提供的参数自动改变提交地址 + * lable_name 需要取值的标签的ID + * target_name 提示信息的标签的ID + * submit_url 提交地址 + */ +function crepeat(lable_name,target_id,submit_url){ + var lable_value = document.getElementById(lable_name).value; + var viewobj = document.getElementById(target_id); + viewobj.innerHTML = "正在检测中..."; + send_request(function(value){viewobj.innerHTML=value;},submit_url + lable_value, true); +} +/** + * 提交修改表单 + * 方法被调用后，根据提供的参数自动改变提交地址 + * lable_name 需要取值的标签的ID + * target_name 提示信息的标签的ID + * submit_url 提交地址 + */ +function crepeatedit(lable_name,id,target_id,submit_url){ + var lable_value = document.getElementById(lable_name).value; + var id = document.getElementById(id).value; + var viewobj = document.getElementById(target_id); + viewobj.innerHTML = "正在检测中..."; + send_request(function(value){viewobj.innerHTML=value;},submit_url + lable_value+"&id="+id, true); +} +/** + * Ajax提交并在确认后刷新页面 + * @param submit_url 提交地址 + */ +function subAjax(submit_url){ + send_request( + function(value){ + art.dialog({ + title: "操作结果", + content: value, + fixed: true, + drag: false, + resize: false, + lock:true, + cancel:false, + ok:function(){ + location.reload(); + } + }); + }, + submit_url, true + ); +} + +/** + * 确认删除对话框 + * @param url 提交地址 + * @param para true/false 用于判断多条删除还是单条删除 + */ +function isTrue(url,para){ + if(para){ + art.dialog({ + content: '您确认删除？', + ok: function () { + var id = document.getElementsByName("seleAll"); + var ids = ""; + for(i=0;i=2)&&(key==46)){window.event.returnValue = false;}else if((key==46)||(key>=48&&key<=57)){return window.event.keyCode;}else{window.event.returnValue = false;}}; + //元素中输入的必须为数字. + this.isNumber = function(object){var key = window.event.keyCode;var value = object.value;var size = value.split(".").length;if((value=="")&&(key==46)){window.event.returnValue = false;}else if(((value=="-")&&(key==46))||((size>=2)&&(key==46))){window.event.returnValue = false;}else if((value!="")&&(key==45)){window.event.returnValue = false;}else if((key==45)||(key==46)||(key>=48&&key<=57)){return window.event.keyCode;} else {window.event.returnValue = false;}}; +} + +function isNull(){ + if(arguments.length==0||arguments.length>1||typeof(arguments[0])!="string"){ + alert("输入参数或参数类型错误,错误代码：iSx000."); + return false; + } + var object = document.getElementById(arguments[0]); + if(object.value==""){ + alert("您好,文本不能为空请输入数据."); + object.focus(); + return false; + } + return true; +} \ No newline at end of file diff --git a/public/static/baidu/js/script/city.js b/public/static/baidu/js/script/city.js new file mode 100644 index 0000000..143617d --- /dev/null +++ b/public/static/baidu/js/script/city.js @@ -0,0 +1,457 @@ +var BMapLib = window.BMapLib = BMapLib || {}; +(function() { + var baidu = baidu || { + guid : "$BAIDU$" + }; + (function() { + window[baidu.guid] = {}; + baidu.extend = function(target, source) { + for ( var p in source) { + if (source.hasOwnProperty(p)) { + target[p] = source[p]; + } + } + return target; + }; + baidu.lang = baidu.lang || {}; + baidu.lang.guid = function() { + return "TANGRAM__" + (window[baidu.guid]._counter++).toString(36); + }; + window[baidu.guid]._counter = window[baidu.guid]._counter || 1; + window[baidu.guid]._instances = window[baidu.guid]._instances || {}; + baidu.lang.Class = function(guid) { + this.guid = guid || baidu.lang.guid(); + window[baidu.guid]._instances[this.guid] = this; + }; + window[baidu.guid]._instances = window[baidu.guid]._instances || {}; + baidu.lang.isString = function(source) { + return "[object String]" == Object.prototype.toString.call(source); + }; + baidu.lang.isFunction = function(source) { + return "[object Function]" == Object.prototype.toString + .call(source); + }; + baidu.lang.Class.prototype.toString = function() { + return "[object " + (this._className || "Object") + "]"; + }; + baidu.lang.Event = function(type, target) { + this.type = type; + this.returnValue = true; + this.target = target || null; + this.currentTarget = null; + }; + baidu.lang.Class.prototype.addEventListener = function(type, handler, + key) { + if (!baidu.lang.isFunction(handler)) { + return; + } + !this.__listeners && (this.__listeners = {}); + var t = this.__listeners, id; + if (typeof key == "string" && key) { + if (/[^\w\-]/.test(key)) { + throw ("nonstandard key:" + key); + } else { + handler.hashCode = key; + id = key; + } + } + type.indexOf("on") != 0 && (type = "on" + type); + typeof t[type] != "object" && (t[type] = {}); + id = id || baidu.lang.guid(); + handler.hashCode = id; + t[type][id] = handler; + }; + baidu.lang.Class.prototype.removeEventListener = function(type, handler) { + if (baidu.lang.isFunction(handler)) { + handler = handler.hashCode; + } else { + if (!baidu.lang.isString(handler)) { + return; + } + } + !this.__listeners && (this.__listeners = {}); + type.indexOf("on") != 0 && (type = "on" + type); + var t = this.__listeners; + if (!t[type]) { + return; + } + t[type][handler] && delete t[type][handler]; + }; + baidu.lang.Class.prototype.dispatchEvent = function(event, options) { + if (baidu.lang.isString(event)) { + event = new baidu.lang.Event(event); + } + !this.__listeners && (this.__listeners = {}); + options = options || {}; + for ( var i in options) { + event[i] = options[i]; + } + var i, t = this.__listeners, p = event.type; + event.target = event.target || this; + event.currentTarget = this; + p.indexOf("on") != 0 && (p = "on" + p); + baidu.lang.isFunction(this[p]) && this[p].apply(this, arguments); + if (typeof t[p] == "object") { + for (i in t[p]) { + t[p][i].apply(this, arguments); + } + } + return event.returnValue; + }; + baidu.lang.inherits = function(subClass, superClass, className) { + var key, proto, selfProps = subClass.prototype, clazz = new Function(); + clazz.prototype = superClass.prototype; + proto = subClass.prototype = new clazz(); + for (key in selfProps) { + proto[key] = selfProps[key]; + } + subClass.prototype.constructor = subClass; + subClass.superClass = superClass.prototype; + if ("string" == typeof className) { + proto._className = className; + } + ; + }; + baidu.dom = baidu.dom || {}; + baidu.g = baidu.dom.g = function(id) { + if ("string" == typeof id || id instanceof String) { + return document.getElementById(id); + } else { + if (id && id.nodeName && (id.nodeType == 1 || id.nodeType == 9)) { + return id; + } + } + return null; + }; + baidu.browser = baidu.browser || {}; + if (/msie (\d+\.\d)/i.test(navigator.userAgent)) { + baidu.browser.ie = baidu.ie = document.documentMode + || +RegExp["\x241"]; + } + baidu.dom._NAME_ATTRS = (function() { + var result = { + cellpadding : "cellPadding", + cellspacing : "cellSpacing", + colspan : "colSpan", + rowspan : "rowSpan", + valign : "vAlign", + usemap : "useMap", + frameborder : "frameBorder" + }; + if (baidu.browser.ie < 8) { + result["for"] = "htmlFor"; + result["class"] = "className"; + } else { + result.htmlFor = "for"; + result.className = "class"; + } + return result; + })(); + baidu.getAttr = baidu.dom.getAttr = function(element, key) { + element = baidu.dom.g(element); + if ("style" == key) { + return element.style.cssText; + } + key = baidu.dom._NAME_ATTRS[key] || key; + return element.getAttribute(key); + }; + baidu.event = baidu.event || {}; + baidu.event._listeners = baidu.event._listeners || []; + baidu.on = baidu.event.on = function(element, type, listener) { + type = type.replace(/^on/i, ""); + element = baidu.g(element); + var realListener = function(ev) { + listener.call(element, ev); + }, lis = baidu.event._listeners, filter = baidu.event._eventFilter, afterFilter, realType = type; + type = type.toLowerCase(); + if (filter && filter[type]) { + afterFilter = filter[type](element, type, realListener); + realType = afterFilter.type; + realListener = afterFilter.listener; + } + if (element.addEventListener) { + element.addEventListener(realType, realListener, false); + } else { + if (element.attachEvent) { + element.attachEvent("on" + realType, realListener); + } + } + lis[lis.length] = [ element, type, listener, realListener, realType ]; + return element; + }; + })(); + BMapLib.COUNTRY_TYPE_CODE = 0; + BMapLib.PROVINCE_TYPE_CODE = 1; + BMapLib.CITY_TYPE_CODE = 2; + var CityList = BMapLib.CityList = function(opts) { + opts = opts || {}; + this._opts = baidu.extend(baidu.extend(this._opts || {}, { + container : null, + map : null + }), opts); + this._data = null; + this._css = [ + ".bmaplib_cityList{color:#333;font:12px arial,sans-serif;padding-left:10px;}", + ".bmaplib_cityList h4{font-size:12px;font-weight:normal;margin:0;}", + ".bmaplib_cityList hr{height:1px;border-top:solid 1px #ccc; border-bottom:none;}", + ".bmaplib_cityList form,.bmaplib_cityList dl{margin:0;}", + ".bmaplib_cityList dd,.bmaplib_cityList h4,.bmaplib_cityList dt{padding: 2px 0; vertical-align: top;line-height: 150%;}", + ".bmaplib_cityList dt{float:left;width:52px;}", + ".bmaplib_cityList dd{margin-left:52px;}", + ".bmaplib_cityList a{color:#0000CC;text-decoration:underline;outline:none;margin-right: 8px;}", + ".bmaplib_cityList dt a{margin-right:0;}", + ".bmaplib_cityListDescript{color:#999;}", + ".bmaplib_cityList .black{color:#000;}", + ".bmaplib_cityList form span{color:red;}" ]; + this._getDataFromMapServer(); + }; + baidu.lang.inherits(CityList, baidu.lang.Class, "CityList"); + var _citylistCount = 1; + var _outputData = null; + CityList.prototype._getDataFromMapServer = function() { + var me = this; + scriptRequest( + "http://api.map.baidu.com/library/CityList/1.2/src/data/CityData.js", + function() { + me._callback(); + }); + }; + CityList.prototype._callback = function() { + if (BMapLib.CityList._cityData) { + this._data = BMapLib.CityList._cityData; + BMapLib.CityList._cityData = null; + _outputData = this._formatCityData(this._data); + this._renderHtml(); + this._bind(); + } + }; + CityList.prototype._renderHtml = function() { + if (!this._opts.container || !baidu.g(this._opts.container)) { + return + } + this._execCss(); + var htm = [], data = this._data, vds = "javascript:void(0)", newData = {}; + htm.push("
"); + if (data.municipalities && data.municipalities.length > 0) { + htm.push("
\u76f4\u8f96\u5e02\uff1a
"); + for ( var i = 0, n = data.municipalities.length; i < n; i++) { + var mu = data.municipalities[i]; + htm.push("" + mu.n + + ""); + newData[_citylistCount] = { + g : mu.g, + t : BMapLib.CITY_TYPE_CODE, + n : mu.n + }; + _citylistCount++; + } + htm.push("
"); + } + for ( var i = 0, n = data.provinces.length; i < n; i++) { + var pv = data.provinces[i]; + htm.push("
" + pv.n + "\uff1a
"); + newData[_citylistCount] = { + g : pv.g, + t : BMapLib.PROVINCE_TYPE_CODE, + n : pv.n + }; + _citylistCount++; + for ( var j = 0, m = pv.cities.length; j < m; j++) { + htm.push("" + + pv.cities[j].n + ""); + newData[_citylistCount] = { + g : pv.cities[j].g, + t : BMapLib.CITY_TYPE_CODE, + n : pv.cities[j].n + }; + _citylistCount++; + } + htm.push("
"); + } + if (data.other && data.other.length > 0) { + htm.push("
\u5176\u4ed6\uff1a
"); + for ( var i = 0, n = data.other.length; i < n; i++) { + var oth = data.other[i]; + htm.push("" + + oth.n + ""); + newData[_citylistCount] = { + g : oth.g, + t : BMapLib.CITY_TYPE_CODE, + n : oth.n + }; + _citylistCount++; + } + htm.push("
"); + } + htm.push("
"); + baidu.g(this._opts.container).innerHTML = htm.join("").replace( + /#vd#/ig, vds); + this._data = newData; + }; + CityList.prototype._bind = function() { + if (!this._opts.container || !baidu.g(this._opts.container) + || !baidu.g("bmaplib_cityList_" + this.guid)) { + return + } + var cl = baidu.g("bmaplib_cityList_" + this.guid); + var tags = cl.getElementsByTagName("a"), me = this; + for ( var i = 0, n = tags.length; i < n; i++) { + (function() { + var tg = tags[i]; + if (!tg) { + return + } + baidu + .on( + tg, + "click", + function() { + if (!baidu.getAttr(tg, "code")) { + return + } + var event = new baidu.lang.Event( + "oncityclick"), code = baidu + .getAttr(tg, "code"), json = me._data[code]; + if (!json) { + return + } + json = formatJson(json); + event.name = json.name; + event.center = json.center; + event.citytype = json.t; + var _zoom = json.zoom; + if (me._opts.map) { + var _map = me._opts.map; + _zoom = getBestLevel(_zoom, _map); + _map.centerAndZoom(json.center, _zoom); + } + event.zoom = _zoom; + me.dispatchEvent(event); + }); + })(); + } + }; + CityList.prototype._execCss = function() { + if (!BMapLib.CityList._isStyleRender) { + var st = null; + if (baidu.g("_bmaplib_citylist_css")) { + baidu.g("_bmaplib_citylist_css").parentNode.removeChild(baidu + .g("_bmaplib_citylist_css")); + } + var st = document.createElement("STYLE"); + st.type = "text/css"; + st.id = "_bmaplib_citylist_css"; + document.body.appendChild(st); + if (baidu.browser.ie > 0) { + st.styleSheet.cssText = this._css.join(""); + } else { + st.appendChild(document.createTextNode(this._css.join(""))); + } + BMapLib.CityList._isStyleRender = true; + } + }; + CityList.prototype._formatCityData = function(cityData) { + var _dt = cityData, _newDt = {}; + if (_dt.municipalities && _dt.municipalities.length > 0) { + _newDt.municipalities = []; + for ( var i = 0, n = _dt.municipalities.length; i < n; i++) { + _newDt.municipalities.push(formatJson(_dt.municipalities[i])); + } + } + if (_dt.provinces && _dt.provinces.length > 0) { + _newDt.provinces = []; + for ( var i = 0, n = _dt.provinces.length; i < n; i++) { + _newDt.provinces.push(formatJson(_dt.provinces[i])); + _newDt.provinces[i].cities = []; + for ( var j = 0, m = _dt.provinces[i].cities.length; j < m; j++) { + _newDt.provinces[i].cities + .push(formatJson(_dt.provinces[i].cities[j])); + } + } + } + if (_dt.other && _dt.other.length > 0) { + _newDt.other = []; + for ( var i = 0, n = _dt.other.length; i < n; i++) { + _newDt.other.push(formatJson(_dt.other[i])); + } + } + return _newDt; + }; + CityList.prototype.getCityData = function() { + return (!!_outputData ? _outputData : false); + }; + function formatJson(cityinfo) { + if (!cityinfo || !cityinfo.n || !cityinfo.g) { + return + } + var newInfo = {}; + newInfo.name = cityinfo.n; + var dts = cityinfo.g.split("|"), dtsPts = dts[0].split(","); + newInfo.center = new BMap.Point(dtsPts[0], dtsPts[1]); + var _zoom = parseInt(dts[1], 10); + newInfo.zoom = _zoom; + if (!!cityinfo.t) { + newInfo.t = cityinfo.t; + } + return newInfo; + } + function scriptRequest(url, callback, charset) { + var isIe = /msie/i.test(window.navigator.userAgent); + var scriptId = "_script_bmaplib_citylist_"; + if (baidu.g(scriptId)) { + var script = baidu.g(scriptId); + } else { + if (baidu.g(scriptId)) { + baidu.g(scriptId).parentNode.removeChild(baidu.g(scriptId)); + } + var script = document.createElement("script"); + if (charset != null) { + script.charset = charset; + } + script.setAttribute("id", scriptId); + script.setAttribute("type", "text/javascript"); + document.body.appendChild(script); + } + var t = new Date(); + if (url.indexOf("?") > -1) { + url += "&t=" + t.getTime(); + } else { + url += "?t=" + t.getTime(); + } + var _complete = function() { + if (!script.readyState || script.readyState == "loaded" + || script.readyState == "complete") { + if (typeof (callback) == "function") { + try { + callback(); + } catch (e) { + } + } else { + eval(callback); + } + } + }; + if (isIe) { + script.onreadystatechange = _complete; + } else { + script.onload = _complete; + } + script.setAttribute("src", url); + } + function getBestLevel(level, map) { + if (map) { + var sz = map.getSize(); + var ratio = Math.min(sz.width / 1100, sz.height / 660); + level = Math.round(level + (Math.log(ratio) / Math.log(2))); + } + if (level < 1) { + level = 1; + } + if (level > 18) { + level = 18; + } + return level; + } +})(); \ No newline at end of file diff --git a/public/static/baidu/js/script/cookie.js b/public/static/baidu/js/script/cookie.js new file mode 100644 index 0000000..db35de2 --- /dev/null +++ b/public/static/baidu/js/script/cookie.js @@ -0,0 +1,93 @@ +/** + * This js provide a simple way to operate cookie in javascript + * function getCookie(name); + * function setCookie(name,value[,expireDays]); + * function deleteCookie(name); + */ +function getCookie(name) +{ + var arg = name + "="; + var alen = arg.length; + var clen = document.cookie.length; + var i = 0; + while (i < clen) + { + var j = i + alen; + if (document.cookie.substring(i, j) == arg) + return getCookieVal(j); + i = document.cookie.indexOf(" ", i) + 1; + if (i == 0) break; + } + return ""; +} + +function setCookie(name, value , expDay) +{ + var argv = setCookie.arguments; + var argc = setCookie.arguments.length; + var expDay = (argc > 2) ? argv[2] : -1; + try + { + expDay = parseInt(expDay); + } + catch(e) + { + expDay = -1; + } + if(expDay < 0) { + setCookieVal(name, value); + } else { + var expDate = new Date(); + // The expDate is the date when the cookie should expire, we will keep it for a month + expDate.setTime(expDate.getTime() + (expDay * 24 * 60 * 60 * 1000)); + setCookieVal(name, value, expDate); + } +} + +function deleteCookie(name) +{ + var exp = new Date(); + exp.setTime(exp.getTime() - 1); + // This cookie is history + var cval = getCookie(name); + document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString(); +} + +function getCookieVal(offset) +{ + var endstr = document.cookie.indexOf(";", offset); + if (endstr == -1) + endstr = document.cookie.length; + return unescape(document.cookie.substring(offset, endstr)); +} + +function setCookieVal(name, value) +{ + var argv = setCookieVal.arguments; + var argc = setCookieVal.arguments.length; + var expires = (argc > 2) ? argv[2] : null; + var path = (argc > 3) ? argv[3] : null; + var domain = (argc > 4) ? argv[4] : null; + var secure = (argc > 5) ? argv[5] : false; + document.cookie = name + "=" + escape(value) + + ((expires == null || expires < 0) ? "" : ("; expires=" + expires.toGMTString())) + + ((path == null) ? "" : ("; path=" + path)) + + ((domain == null) ? "" : ("; domain=" + domain)) + + ((secure == true) ? "; secure" : ""); +} + +/** + * 判断是否选中保存用户名 + * @param name + */ +function checkSubmit(name){ + if(document.getElementById("rememberme").checked){ + setCookie("username",document.getElementById("log").value,7); + }else{ + deleteCookie("username"); + } +} + +function loadCookies(){ + document.getElementById("log").value=getCookie("username"); +} \ No newline at end of file diff --git a/public/static/baidu/js/script/doubleSubmit.js b/public/static/baidu/js/script/doubleSubmit.js new file mode 100644 index 0000000..6d93302 --- /dev/null +++ b/public/static/baidu/js/script/doubleSubmit.js @@ -0,0 +1,19 @@ +/** + * 防止重复提交 + */ +var checkSubmitFlg = false; +function checkSubmit(submit_id) { + if (checkSubmitFlg == true) { + return false; + } + checkSubmitFlg = true; + document.getElementById(submit_id).disabled=true; + window.history.forward(1); + location.replace(this.href); + return true; +} +document.onclick = function doconclick() { + if (checkSubmitFlg) { + window.event.returnValue = false; + } +}; diff --git a/public/static/baidu/js/script/formSubmit.js b/public/static/baidu/js/script/formSubmit.js new file mode 100644 index 0000000..f2d1cf5 --- /dev/null +++ b/public/static/baidu/js/script/formSubmit.js @@ -0,0 +1,18 @@ +/** + * 提交表单 + * 方法被调用后，根据提供的参数自动改变提交地址 + */ +function frsubmit(form_num,action_name,start){ + var ac_name = null; + if(start){ + ac_name = action_name.substring(action_name.lastIndexOf('/')-1, action_name.indexOf('.')); + ac_name = ac_name + ".do"; + }else{ + ac_name = action_name; + } + document.forms[form_num].action = ac_name; + document.forms[form_num].submit(); +} +function getsubmit(url) { + window.parent.rightFrame.location.href=url; +} \ No newline at end of file diff --git a/public/static/baidu/js/script/left_menu/moo.fx.js b/public/static/baidu/js/script/left_menu/moo.fx.js new file mode 100644 index 0000000..a986913 --- /dev/null +++ b/public/static/baidu/js/script/left_menu/moo.fx.js @@ -0,0 +1,133 @@ +/* +moo.fx, simple effects library built with prototype.js (http://prototype.conio.net). +by Valerio Proietti (http://mad4milk.net) MIT-style LICENSE. +for more info (http://moofx.mad4milk.net). +Sunday, March 05, 2006 +v 1.2.3 +*/ + +var fx = new Object(); +//base +fx.Base = function(){}; +fx.Base.prototype = { + setOptions: function(options) { + this.options = { + duration: 500, + onComplete: '', + transition: fx.sinoidal + }; + Object.extend(this.options, options || {}); + }, + + step: function() { + var time = (new Date).getTime(); + if (time >= this.options.duration+this.startTime) { + this.now = this.to; + clearInterval (this.timer); + this.timer = null; + if (this.options.onComplete) setTimeout(this.options.onComplete.bind(this), 10); + } + else { + var Tpos = (time - this.startTime) / (this.options.duration); + this.now = this.options.transition(Tpos) * (this.to-this.from) + this.from; + } + this.increase(); + }, + + custom: function(from, to) { + if (this.timer != null) return; + this.from = from; + this.to = to; + this.startTime = (new Date).getTime(); + this.timer = setInterval (this.step.bind(this), 13); + }, + + hide: function() { + this.now = 0; + this.increase(); + }, + + clearTimer: function() { + clearInterval(this.timer); + this.timer = null; + } +}; + +//stretchers +fx.Layout = Class.create(); +fx.Layout.prototype = Object.extend(new fx.Base(), { + initialize: function(el, options) { + this.el = $(el); + this.el.style.overflow = "hidden"; + this.iniWidth = this.el.offsetWidth; + this.iniHeight = this.el.offsetHeight; + this.setOptions(options); + } +}); + +fx.Height = Class.create(); +Object.extend(Object.extend(fx.Height.prototype, fx.Layout.prototype), { + increase: function() { + this.el.style.height = this.now + "px"; + }, + + toggle: function() { + if (this.el.offsetHeight > 0) this.custom(this.el.offsetHeight, 0); + else this.custom(0, this.el.scrollHeight); + } +}); + +fx.Width = Class.create(); +Object.extend(Object.extend(fx.Width.prototype, fx.Layout.prototype), { + increase: function() { + this.el.style.width = this.now + "px"; + }, + + toggle: function(){ + if (this.el.offsetWidth > 0) this.custom(this.el.offsetWidth, 0); + else this.custom(0, this.iniWidth); + } +}); + +//fader +fx.Opacity = Class.create(); +fx.Opacity.prototype = Object.extend(new fx.Base(), { + initialize: function(el, options) { + this.el = $(el); + this.now = 1; + this.increase(); + this.setOptions(options); + }, + + increase: function() { + if (this.now == 1 && (/Firefox/.test(navigator.userAgent))) this.now = 0.9999; + this.setOpacity(this.now); + }, + + setOpacity: function(opacity) { + if (opacity == 0 && this.el.style.visibility != "hidden") this.el.style.visibility = "hidden"; + else if (this.el.style.visibility != "visible") this.el.style.visibility = "visible"; + if (window.ActiveXObject) this.el.style.filter = "alpha(opacity=" + opacity*100 + ")"; + this.el.style.opacity = opacity; + }, + + toggle: function() { + if (this.now > 0) this.custom(1, 0); + else this.custom(0, 1); + } +}); + +//transitions +fx.sinoidal = function(pos){ + return ((-Math.cos(pos*Math.PI)/2) + 0.5); + //this transition is from script.aculo.us +}; +fx.linear = function(pos){ + return pos; +}; +fx.cubic = function(pos){ + return Math.pow(pos, 3); +}; +fx.circ = function(pos){ + return Math.sqrt(pos); +}; \ No newline at end of file diff --git a/public/static/baidu/js/script/left_menu/moo.fx.pack.js b/public/static/baidu/js/script/left_menu/moo.fx.pack.js new file mode 100644 index 0000000..5fa27e9 --- /dev/null +++ b/public/static/baidu/js/script/left_menu/moo.fx.pack.js @@ -0,0 +1,269 @@ +/* +moo.fx pack, effects extensions for moo.fx. +by Valerio Proietti (http://mad4milk.net) MIT-style LICENSE +for more info visit (http://moofx.mad4milk.net). +Friday, April 14, 2006 +v 1.2.4 +*/ + +//smooth scroll +fx.Scroll = Class.create(); +fx.Scroll.prototype = Object.extend(new fx.Base(), { + initialize: function(options) { + this.setOptions(options); + }, + + scrollTo: function(el){ + var dest = Position.cumulativeOffset($(el))[1]; + var client = window.innerHeight || document.documentElement.clientHeight; + var full = document.documentElement.scrollHeight; + var top = window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop; + if (dest+client > full) this.custom(top, dest - client + (full-dest)); + else this.custom(top, dest); + }, + + increase: function(){ + window.scrollTo(0, this.now); + } +}); + +//text size modify, now works with pixels too. +fx.Text = Class.create(); +fx.Text.prototype = Object.extend(new fx.Base(), { + initialize: function(el, options) { + this.el = $(el); + this.setOptions(options); + if (!this.options.unit) this.options.unit = "em"; + }, + + increase: function() { + this.el.style.fontSize = this.now + this.options.unit; + } +}); + +//composition effect: widht/height/opacity +fx.Combo = Class.create(); +fx.Combo.prototype = { + setOptions: function(options) { + this.options = { + opacity: true, + height: true, + width: false + }; + Object.extend(this.options, options || {}); + }, + + initialize: function(el, options) { + this.el = $(el); + this.setOptions(options); + if (this.options.opacity) { + this.o = new fx.Opacity(el, options); + options.onComplete = null; + } + if (this.options.height) { + this.h = new fx.Height(el, options); + options.onComplete = null; + } + if (this.options.width) this.w = new fx.Width(el, options); + }, + + toggle: function() { this.checkExec('toggle'); }, + + hide: function(){ this.checkExec('hide'); }, + + clearTimer: function(){ this.checkExec('clearTimer'); }, + + checkExec: function(func){ + if (this.o) this.o[func](); + if (this.h) this.h[func](); + if (this.w) this.w[func](); + }, + + //only if width+height + resizeTo: function(hto, wto) { + if (this.h && this.w) { + this.h.custom(this.el.offsetHeight, this.el.offsetHeight + hto); + this.w.custom(this.el.offsetWidth, this.el.offsetWidth + wto); + } + }, + + customSize: function(hto, wto) { + if (this.h && this.w) { + this.h.custom(this.el.offsetHeight, hto); + this.w.custom(this.el.offsetWidth, wto); + } + } +}; + +fx.Accordion = Class.create(); +fx.Accordion.prototype = { + setOptions: function(options) { + this.options = { + delay: 100, + opacity: false + }; + Object.extend(this.options, options || {}); + }, + + initialize: function(togglers, elements, options) { + this.elements = elements; + this.setOptions(options); + var options = options || ''; + this.fxa = []; + if (options && options.onComplete) options.onFinish = options.onComplete; + elements.each(function(el, i){ + options.onComplete = function(){ + if (el.offsetHeight > 0) el.style.height = '1%'; + if (options.onFinish) options.onFinish(el); + }; + this.fxa[i] = new fx.Combo(el, options); + this.fxa[i].hide(); + }.bind(this)); + + togglers.each(function(tog, i){ + if (typeof tog.onclick == 'function') var exClick = tog.onclick; + tog.onclick = function(){ + if (exClick) exClick(); + this.showThisHideOpen(elements[i]); + }.bind(this); + }.bind(this)); + }, + + showThisHideOpen: function(toShow){ + this.elements.each(function(el, j){ + if (el.offsetHeight > 0 && el != toShow) this.clearAndToggle(el, j); + if (el == toShow && toShow.offsetHeight == 0) setTimeout(function(){this.clearAndToggle(toShow, j);}.bind(this), this.options.delay); + }.bind(this)); + }, + + clearAndToggle: function(el, i){ + this.fxa[i].clearTimer(); + this.fxa[i].toggle(); + } +}; + +var Remember = new Object(); +Remember = function(){}; +Remember.prototype = { + initialize: function(el, options){ + this.el = $(el); + this.days = 365; + this.options = options; + this.effect(); + var cookie = this.readCookie(); + if (cookie) { + this.fx.now = cookie; + this.fx.increase(); + } + }, + + //cookie functions based on code by Peter-Paul Koch + setCookie: function(value) { + var date = new Date(); + date.setTime(date.getTime()+(this.days*24*60*60*1000)); + var expires = "; expires="+date.toGMTString(); + document.cookie = this.el+this.el.id+this.prefix+"="+value+expires+"; path=/"; + }, + + readCookie: function() { + var nameEQ = this.el+this.el.id+this.prefix + "="; + var ca = document.cookie.split(';'); + for(var i=0;c=ca[i];i++) { + while (c.charAt(0)==' ') c = c.substring(1,c.length); + if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length); + } + return false; + }, + + custom: function(from, to){ + if (this.fx.now != to) { + this.setCookie(to); + this.fx.custom(from, to); + } + } +}; + +fx.RememberHeight = Class.create(); +fx.RememberHeight.prototype = Object.extend(new Remember(), { + effect: function(){ + this.fx = new fx.Height(this.el, this.options); + this.prefix = 'height'; + }, + + toggle: function(){ + if (this.el.offsetHeight == 0) this.setCookie(this.el.scrollHeight); + else this.setCookie(0); + this.fx.toggle(); + }, + + resize: function(to){ + this.setCookie(this.el.offsetHeight+to); + this.fx.custom(this.el.offsetHeight,this.el.offsetHeight+to); + }, + + hide: function(){ + if (!this.readCookie()) { + this.fx.hide(); + } + } +}); + +fx.RememberText = Class.create(); +fx.RememberText.prototype = Object.extend(new Remember(), { + effect: function(){ + this.fx = new fx.Text(this.el, this.options); + this.prefix = 'text'; + } +}); + +//useful for-replacement +Array.prototype.iterate = function(func){ + for(var i=0;i + * Prototype is freely distributable under the terms of an MIT-style license. + * For details, see the Prototype web site: http://prototype.conio.net/ +/*--------------------------------------------------------------------------*/ + +//note: modified & stripped down version of prototype, to be used with moo.fx by mad4milk (http://moofx.mad4milk.net). + +var Class = { + create: function() { + return function() { + this.initialize.apply(this, arguments); + }; + } +}; + +Object.extend = function(destination, source) { + for (property in source) destination[property] = source[property]; + return destination; +}; + +Function.prototype.bind = function(object) { + var __method = this; + return function() { + return __method.apply(object, arguments); + }; +}; + +Function.prototype.bindAsEventListener = function(object) { +var __method = this; + return function(event) { + __method.call(object, event || window.event); + }; +}; + +function $() { + if (arguments.length == 1) return get$(arguments[0]); + var elements = []; + $c(arguments).each(function(el){ + elements.push(get$(el)); + }); + return elements; + + function get$(el){ + if (typeof el == 'string') el = document.getElementById(el); + return el; + } +} + +if (!window.Element) var Element = new Object(); + +Object.extend(Element, { + remove: function(element) { + element = $(element); + element.parentNode.removeChild(element); + }, + + hasClassName: function(element, className) { + element = $(element); + if (!element) return; + var hasClass = false; + element.className.split(' ').each(function(cn){ + if (cn == className) hasClass = true; + }); + return hasClass; + }, + + addClassName: function(element, className) { + element = $(element); + Element.removeClassName(element, className); + element.className += ' ' + className; + }, + + removeClassName: function(element, className) { + element = $(element); + if (!element) return; + var newClassName = ''; + element.className.split(' ').each(function(cn, i){ + if (cn != className){ + if (i > 0) newClassName += ' '; + newClassName += cn; + } + }); + element.className = newClassName; + }, + + cleanWhitespace: function(element) { + element = $(element); + $c(element.childNodes).each(function(node){ + if (node.nodeType == 3 && !/\S/.test(node.nodeValue)) Element.remove(node); + }); + }, + + find: function(element, what) { + element = $(element)[what]; + while (element.nodeType != 1) element = element[what]; + return element; + } +}); + +var Position = { + cumulativeOffset: function(element) { + var valueT = 0, valueL = 0; + do { + valueT += element.offsetTop || 0; + valueL += element.offsetLeft || 0; + element = element.offsetParent; + } while (element); + return [valueL, valueT]; + } +}; + +document.getElementsByClassName = function(className) { + var children = document.getElementsByTagName('*') || document.all; + var elements = []; + $c(children).each(function(child){ + if (Element.hasClassName(child, className)) elements.push(child); + }); + return elements; +}; + +//useful array functions +Array.prototype.iterate = function(func){ + for(var i=0;i= 5.5) && (document.body.filters)) { + for ( var j = 0; j < document.images.length; j++) { + var img = document.images[j]; + var imgName = img.src.toUpperCase(); + if (imgName.substring(imgName.length - 3, imgName.length) == "PNG") { + var imgID = (img.id) ? "id='" + img.id + "' " : ""; + var imgClass = (img.className) ? "class='" + img.className + + "' " : ""; + var imgTitle = (img.title) ? "title='" + img.title + "' " + : "title='" + img.alt + "' "; + var imgStyle = "display:inline-block;" + img.style.cssText; + if (img.align == "left") + imgStyle = "float:left;" + imgStyle; + if (img.align == "right") + imgStyle = "float:right;" + imgStyle; + if (img.parentElement.href) + imgStyle = "cursor:hand;" + imgStyle; + var strNewHTML = ""; + img.outerHTML = strNewHTML; + j = j - 1; + } + } + } +} +window.attachEvent("onload", correctPNG); \ No newline at end of file diff --git a/public/static/baidu/js/script/table.js b/public/static/baidu/js/script/table.js new file mode 100644 index 0000000..24279e5 --- /dev/null +++ b/public/static/baidu/js/script/table.js @@ -0,0 +1,50 @@ +var highlightcolor='#d5d9fc'; +//此处clickcolor只能用win系统颜色代码才能成功,如果用#xxxxxx的代码就不行,还没搞清楚为什么:( +var clickcolor='#51b2f6'; +function changeto(){ + source=event.srcElement; + if (source.tagName=="TR"||source.tagName=="TABLE") + return; + while(source.tagName!="TD") + source=source.parentElement; + source=source.parentElement; + cs = source.children; + if (cs[1].style.backgroundColor!=highlightcolor&&source.id!="nc"&&cs[1].style.backgroundColor!=clickcolor) + for(i=0;i'); + var elem = $(this), control = $('.slides_control', elem), total = control + .children().size(), width = control.children() + .outerWidth(), height = control.children() + .outerHeight(), start = option.start - 1, effect = option.effect + .indexOf(',') < 0 ? option.effect : option.effect + .replace(' ', '').split(',')[0], paginationEffect = option.effect + .indexOf(',') < 0 ? effect : option.effect.replace( + ' ', '').split(',')[1], next = 0, prev = 0, number = 0, current = 0, loaded, active, clicked, position, direction; + if (total < 2) { + return; + } + if (start < 0) { + start = 0; + } + ; + if (start > total) { + start = total - 1; + } + ; + if (option.start) { + current = start; + } + ; + if (option.randomize) { + control.randomize(); + } + $('.' + option.container, elem).css({ + overflow : 'hidden', + position : 'relative' + }); + control.css({ + position : 'relative', + width : (width * 3), + height : height, + left : -width + }); + control.children().css({ + position : 'absolute', + top : 0, + left : width, + zIndex : 0, + display : 'none' + }); + if (option.autoHeight) { + control.animate({ + height : control.children(':eq(' + start + ')') + .outerHeight() + }, option.autoHeightSpeed); + } + if (option.preload + && control.children()[0].tagName == 'IMG') { + elem.css({ + background : 'url(' + option.preloadImage + + ') no-repeat 50% 50%' + }); + var img = $('img:eq(' + start + ')', elem).attr('src') + + '?' + (new Date()).getTime(); + $('img:eq(' + start + ')', elem).attr('src', img).load( + function() { + $(this).fadeIn(option.fadeSpeed, + function() { + $(this).css({ + zIndex : 5 + }); + elem.css({ + background : '' + }); + loaded = true; + }); + }); + } else { + control.children(':eq(' + start + ')').fadeIn( + option.fadeSpeed, function() { + loaded = true; + }); + } + if (option.bigTarget) { + control.children().css({ + cursor : 'pointer' + }); + control.children().click(function() { + animate('next', effect); + return false; + }); + } + if (option.hoverPause && option.play) { + control.children().bind('mouseover', function() { + stop(); + }); + control.children().bind('mouseleave', function() { + pause(); + }); + } + if (option.generateNextPrev) { + $('.' + option.container, elem).after( + 'Prev'); + $('.' + option.prev, elem).after( + 'Next'); + } + $('.' + option.next, elem).click(function(e) { + e.preventDefault(); + if (option.play) { + pause(); + } + ; + animate('next', effect); + }); + $('.' + option.prev, elem).click(function(e) { + e.preventDefault(); + if (option.play) { + pause(); + } + ; + animate('prev', effect); + }); + if (option.generatePagination) { + elem.append('
    '); + control.children().each( + function() { + $('.' + option.paginationClass, elem) + .append( + '
  • ' + + (number + 1) + + '
    • '); + number++; + }); + } else { + $('.' + option.paginationClass + ' li a', elem).each( + function() { + $(this).attr('href', '#' + number); + number++; + }); + } + $( + '.' + option.paginationClass + ' li a[href=#' + + start + ']', elem).parent().addClass( + 'current'); + $('.' + option.paginationClass + ' li a', elem) + .click( + function() { + if (option.play) { + pause(); + } + ; + clicked = $(this).attr('href').replace( + '#', ''); + if (current != clicked) { + animate('pagination', + paginationEffect, clicked); + } + return false; + }); + $('a.link', elem).click(function() { + if (option.play) { + pause(); + } + ; + clicked = $(this).attr('href').replace('#', '') - 1; + if (current != clicked) { + animate('pagination', paginationEffect, clicked); + } + return false; + }); + if (option.play) { + playInterval = setInterval(function() { + animate('next', effect); + }, option.play); + elem.data('interval', playInterval); + } + ; + function stop() { + clearInterval(elem.data('interval')); + } + ; + function pause() { + if (option.pause) { + clearTimeout(elem.data('pause')); + clearInterval(elem.data('interval')); + pauseTimeout = setTimeout(function() { + clearTimeout(elem.data('pause')); + playInterval = setInterval(function() { + animate("next", effect); + }, option.play); + elem.data('interval', playInterval); + }, option.pause); + elem.data('pause', pauseTimeout); + } else { + stop(); + } + } + ; + function animate(direction, effect, clicked) { + if (!active && loaded) { + active = true; + switch (direction) { + case 'next': + prev = current; + next = current + 1; + next = total === next ? 0 : next; + position = width * 2; + direction = -width * 2; + current = next; + break; + case 'prev': + prev = current; + next = current - 1; + next = next === -1 ? total - 1 : next; + position = 0; + direction = 0; + current = next; + break; + case 'pagination': + next = parseInt(clicked, 10); + prev = $( + '.' + option.paginationClass + + ' li.current a', elem).attr( + 'href').replace('#', ''); + if (next > prev) { + position = width * 2; + direction = -width * 2; + } else { + position = 0; + direction = 0; + } + current = next; + break; + } + if (effect === 'fade') { + option.animationStart(); + if (option.crossfade) { + control + .children(':eq(' + next + ')', elem) + .css({ + zIndex : 10 + }) + .fadeIn( + option.fadeSpeed, + function() { + control.children( + ':eq(' + prev + + ')', + elem).css({ + display : 'none', + zIndex : 0 + }); + $(this).css({ + zIndex : 0 + }); + option + .animationComplete(next + 1); + active = false; + }); + } else { + option.animationStart(); + control + .children(':eq(' + prev + ')', elem) + .fadeOut( + option.fadeSpeed, + function() { + if (option.autoHeight) { + control + .animate( + { + height : control + .children( + ':eq(' + + next + + ')', + elem) + .outerHeight() + }, + option.autoHeightSpeed, + function() { + control + .children( + ':eq(' + + next + + ')', + elem) + .fadeIn( + option.fadeSpeed); + }); + } else { + control + .children( + ':eq(' + + next + + ')', + elem) + .fadeIn( + option.fadeSpeed, + function() { + if ($.browser.msie) { + $( + this) + .get( + 0).style + .removeAttribute('filter'); + } + }); + } + option + .animationComplete(next + 1); + active = false; + }); + } + } else { + control.children(':eq(' + next + ')').css({ + left : position, + display : 'block' + }); + if (option.autoHeight) { + option.animationStart(); + control.animate({ + left : direction, + height : control.children( + ':eq(' + next + ')') + .outerHeight() + }, option.slideSpeed, function() { + control.css({ + left : -width + }); + control.children(':eq(' + next + ')') + .css({ + left : width, + zIndex : 5 + }); + control.children(':eq(' + prev + ')') + .css({ + left : width, + display : 'none', + zIndex : 0 + }); + option.animationComplete(next + 1); + active = false; + }); + } else { + option.animationStart(); + control.animate({ + left : direction + }, option.slideSpeed, function() { + control.css({ + left : -width + }); + control.children(':eq(' + next + ')') + .css({ + left : width, + zIndex : 5 + }); + control.children(':eq(' + prev + ')') + .css({ + left : width, + display : 'none', + zIndex : 0 + }); + option.animationComplete(next + 1); + active = false; + }); + } + } + if (option.pagination) { + $('.' + option.paginationClass + ' li.current', + elem).removeClass('current'); + $( + '.' + option.paginationClass + + ' li a[href=#' + next + ']', + elem).parent().addClass('current'); + } + } + } + ; + }); + }; + $.fn.slides.option = { + preload : false, + preloadImage : '/img/loading.gif', + container : 'slides_container', + generateNextPrev : false, + next : 'next', + prev : 'prev', + pagination : true, + generatePagination : true, + paginationClass : 'pagination', + fadeSpeed : 350, + slideSpeed : 350, + start : 1, + effect : 'slide', + crossfade : false, + randomize : false, + play : 0, + pause : 0, + hoverPause : false, + autoHeight : false, + autoHeightSpeed : 350, + bigTarget : false, + animationStart : function() { + }, + animationComplete : function() { + } + }; + $.fn.randomize = function(callback) { + function randomizeOrder() { + return (Math.round(Math.random()) - 0.5); + } + return ($(this).each(function() { + var $this = $(this); + var $children = $this.children(); + var childCount = $children.length; + if (childCount > 1) { + $children.hide(); + var indices = []; + for (i = 0; i < childCount; i++) { + indices[indices.length] = i; + } + indices = indices.sort(randomizeOrder); + $.each(indices, function(j, k) { + var $child = $children.eq(k); + var $clone = $child.clone(true); + $clone.show().appendTo($this); + if (callback !== undefined) { + callback($child, $clone); + } + $child.remove(); + }); + } + })); + }; +})(jQuery); +/** + * 登录页调用方法 + */ +$(function(){ + $('#slides').slides({ + preload: true, + preloadImage: '/images/blue/slideshow/loading.gif', + play: 5000, + pause: 2500, + hoverPause: true, + animationStart: function(){ + $('.caption').animate({ + bottom:-35 + },100); + }, + animationComplete: function(current){ + $('.caption').animate({ + bottom:0 + },200); + if (window.console && console.log) { + console.log(current); + }; + } + }); +}); \ No newline at end of file diff --git a/public/static/baidu/js/slideshow.js b/public/static/baidu/js/slideshow.js new file mode 100644 index 0000000..227b7d3 --- /dev/null +++ b/public/static/baidu/js/slideshow.js @@ -0,0 +1,58 @@ +$(document).ready( + function() { + var currentPosition = 0; + var slideWidth = 560; + var slides = $('.slide'); + var numberOfSlides = slides.length; + + // Remove scrollbar in JS + $('#slidesContainer').css('overflow', 'hidden'); + + // Wrap all .slides with #slideInner div + slides.wrapAll('
    ') + // Float left to display horizontally, readjust .slides + // width + .css({ + 'float' : 'left', + 'width' : slideWidth + }); + + // Set #slideInner width equal to total width of all slides + $('#slideInner').css('width', slideWidth * numberOfSlides); + + // Insert controls in the DOM + $('#slideshow').prepend('单击向左移动').append('单击向右移动'); + + // Hide left arrow control on first load + manageControls(currentPosition); + + // Create event listeners for .controls clicks + $('.control').bind( + 'click', + function() { + // Determine new position + currentPosition = ($(this).attr('id') == 'rightControl') ? currentPosition + 1 : currentPosition - 1; + + // Hide / show controls + manageControls(currentPosition); + // Move slideInner using margin-left + $('#slideInner').animate({'marginLeft' : slideWidth * (-currentPosition)}); + }); + + // manageControls: Hides and Shows controls depending on + // currentPosition + function manageControls(position) { + // Hide left arrow if position is first slide + if (position == 0) { + $('#leftControl').hide(); + } else { + $('#leftControl').show(); + } + // Hide right arrow if position is last slide + if (position == numberOfSlides - 1) { + $('#rightControl').hide(); + } else { + $('#rightControl').show(); + } + } + }); \ No newline at end of file diff --git a/public/static/baidu/js/tools/counters.js b/public/static/baidu/js/tools/counters.js new file mode 100644 index 0000000..058d72a --- /dev/null +++ b/public/static/baidu/js/tools/counters.js @@ -0,0 +1,32 @@ + +/** + * Ajax判断页面可以点击几次提交 + * creator：小z； + * @使用简述: 调用counting1()至counting5()的方法；分别代表页面的提交次数1至5次； + */ +var counting=0; +function counter1(){ + if(counting>=1){return false;} + counting++; + return true; +} +function counter2(){ + if(counting>=2){return false;} + counting++; + return true; +} +function counter3(){ + if(counting>=3){return false;} + counting++; + return true; +} +function counter4(){ + if(counting>=4){return false;} + counting++; + return true; +} +function counter5(){ + if(counting>=5){return false;} + counting++; + return true; +} \ No newline at end of file diff --git a/public/static/baidu/js/tools/utils.js b/public/static/baidu/js/tools/utils.js new file mode 100644 index 0000000..4a0c3f2 --- /dev/null +++ b/public/static/baidu/js/tools/utils.js @@ -0,0 +1,45 @@ +function dateInitialize(id,value){ + var millisecond = (24*60*60*1000) * value; + var now = new Date(); + var before = now.getTime(); + now.setTime(before - millisecond); + var year = now.getFullYear(); + var month = (now.getMonth()<9)?("0"+(now.getMonth()+1)):(now.getMonth()+1); + var date = (now.getDate()<10)?("0"+now.getDate()):(now.getDate()); + document.getElementById(id).value = year + "-" + month + "-" + date; +} + +function myKeyDown(){ + var k = window.event.keyCode; + if ((k==46)||(k==8)||(k==189)||(k==109)||(k==190)||(k==110)|| (k>=48 && k<=57)||(k>=96 && k<=105)||(k>=37 && k<=40)){ + } else if(k==13){ + window.event.keyCode = 9; + } else { + window.event.returnValue = false; + } +} + +function LimitCharacter(){ + var argHint = "您好，请正确传递参数。"; + var dataHimt = "您好，请认真添写资料。"; + var limitMaximum = function(object,maximum){var objSize = object.value.length;if(objSize>maximum){alert(dataHimt);object.select();return false;}else{return true;}} + var limitMinimum = function(object,minimum,maximum){var objSize = object.value.length;if(objSize>maximum||objSize3){alert(argHint);return false;}var object = document.getElementById(id);if(size==2) {return limitMaximum(object,minimum);}else {return limitMinimum(object,minimum,maximum);}} +} + +function doDelete(url){ + if(confirm("确定要删除吗?")){ + location.href = url; + } +} + +function setSelectText(name,result){ + var objName = document.getElementById(name); + var objResult = document.getElementById(result); + var objArray = objName.options; + for(var i=0; idatetwo[0]+datetwo[1]+datetwo[2]){ + alert("您好，开始时间要小于或等于结束时间。"); + result = false; + } + if(dateone[0]+dateone[1]amount){ + alert("您好，数据不能大于" + amount + "字符。"); + object.select(); + result = false; + } + return result; +} + +/** + * 不能复制,不能粘贴. + * onpaste = "return false" + * 不能输入中文. + * style="ime-mode:disabled" + * @returns {Number} + */ +function Number(){ + //元素中输入的必须为正整数. + this.isPosWhole = function(){var key = window.event.keyCode;if((key>=48&&key<=57)){return window.event.keyCode;}else{window.event.returnValue = false;}} + //元素中输入的必须为正数. + this.isPositive = function(object){var key = window.event.keyCode;var value = object.value;var size = value.split(".").length;if((value=="")&&(key==46)){window.event.returnValue = false;}else if((size>=2)&&(key==46)){window.event.returnValue = false;}else if((key==46)||(key>=48&&key<=57)){return window.event.keyCode;}else{window.event.returnValue = false;}} + //元素中输入的必须为数字. + this.isNumber = function(object){var key = window.event.keyCode;var value = object.value;var size = value.split(".").length;if((value=="")&&(key==46)){window.event.returnValue = false;}else if(((value=="-")&&(key==46))||((size>=2)&&(key==46))){window.event.returnValue = false;}else if((value!="")&&(key==45)){window.event.returnValue = false;}else if((key==45)||(key==46)||(key>=48&&key<=57)){return window.event.keyCode;} else {window.event.returnValue = false;}} +} \ No newline at end of file diff --git a/src/assets/loginmini/style/screen.less b/src/assets/loginmini/style/screen.less index 19a22c8..c193827 100644 --- a/src/assets/loginmini/style/screen.less +++ b/src/assets/loginmini/style/screen.less @@ -179,14 +179,20 @@ b,strong{font-weight:700} display: flex; align-items: center; justify-content: center; - } +} .real-time-line{ display: flex; width:100%; height:3rem; margin:1rem 0 0 1.2rem; justify-content: space-between; - } +} +.real-time-screen{ + display: flex; + width:100%; + height:3rem; + margin:1rem 0 0 1.2rem; +} #scrollDiv{ overflow:hidden; margin-top:8px; @@ -388,6 +394,13 @@ outline:none; text-overflow: ellipsis; white-space: nowrap; } +.tabulation-screen{ + text-align: center; + width:38%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} .real-time-heat{ width:50%; @@ -436,6 +449,22 @@ outline:none; text-align: center; } +.data-list-header-screen{ + width:98%; + margin:0 auto; + //display: flex; + justify-content: space-evenly; + border:1px solid #44bcff; + background: linear-gradient(180deg,rgba(7, 58, 152,0.1),rgba(7, 58, 152,0.6)); + border-radius:10px; + align-items: center; + font-size:1.1rem; + height:3.5rem; + line-height:3.5rem; + color:#fff; + text-align: center; +} + .data-list-header-home2{ width:100%; display: table; @@ -452,6 +481,15 @@ outline:none; padding-bottom: 10px; } +.index-center-screen{ + width:100%; + height:23rem; + background:url(../images/register2.png) no-repeat; + background-size:100% 100%; + overflow: hidden; + padding-bottom: 10px; +} + .data-list1-home{ width:100%; margin:0 auto; @@ -517,6 +555,61 @@ outline:none; text-align: left; } +.data-list-data-screen{ + width:100%; + display: table; + //display:flex; + justify-content: center; + border-radius:4px; + font-size:1rem; + height:2.8rem; + line-height:2.8rem; + align-items: center; + text-align: left; + color:#fff; +} + +.data-list-data-screen:hover{ + //display: flex; + justify-content: center; + text-align: center; + background:url(../images/list4.png) no-repeat center; + border-radius:4px; + font-size:1rem; + height:2.8rem; + line-height:2.8rem; + align-items: center; + color:#fff; + text-align: left; +} + +.data-list-data3-screen{ + width: 100%; + display: table; + justify-content: center; + background:url(../images/list1.png) no-repeat center; + border-radius:4px; + font-size:1rem; + height:2.8rem; + line-height:2.8rem; + align-items: center; + text-align: left; + color:#fff; +} +.data-list-data3-screen:hover{ + //display: flex; + justify-content: center; + text-align: center; + background:url(../images/list4.png) no-repeat center; + border-radius:4px; + font-size:1rem; + height:2.8rem; + line-height:2.8rem; + align-items: center; + color:#fff; + text-align: left; +} + .data-list-header-detail{ width:100%; margin:0 auto; diff --git a/src/router/routes/index.ts b/src/router/routes/index.ts index a1ead4d..ae4ee8b 100644 --- a/src/router/routes/index.ts +++ b/src/router/routes/index.ts @@ -76,6 +76,17 @@ export const newHomeRoute: AppRouteRecordRaw = { }, }; +export const newScreenRoute: AppRouteRecordRaw = { + path: '/screen/screen', + name: 'screenIndex', + //新版后台登录，如果想要使用旧版登录放开即可 + // component: () => import('/@/views/sys/login/Login.vue'), + component: () => import('/@/views/screen/screen.vue'), + meta: { + title: t('routes.basic.login'), + }, +}; + export const tempRoute: AppRouteRecordRaw = { path: '/tempIndex', name: 'tempIndex', @@ -88,4 +99,4 @@ export const tempRoute: AppRouteRecordRaw = { // Basic routing without permission -export const basicRoutes = [LoginRoute, RootRoute, ...mainOutRoutes, REDIRECT_ROUTE, PAGE_NOT_FOUND_ROUTE, TokenLoginRoute, Oauth2LoginRoute, newHomeRoute, tempRoute ]; +export const basicRoutes = [LoginRoute, RootRoute, ...mainOutRoutes, REDIRECT_ROUTE, PAGE_NOT_FOUND_ROUTE, TokenLoginRoute, Oauth2LoginRoute, newHomeRoute, newScreenRoute, tempRoute ]; diff --git a/src/views/base/company/Thermalcompany.api.ts b/src/views/base/company/Thermalcompany.api.ts new file mode 100644 index 0000000..c542953 --- /dev/null +++ b/src/views/base/company/Thermalcompany.api.ts @@ -0,0 +1,64 @@ +import {defHttp} from '/@/utils/http/axios'; +import { useMessage } from "/@/hooks/web/useMessage"; + +const { createConfirm } = useMessage(); + +enum Api { + list = '/heating/thermalcompany/page', + save='/heating/thermalcompany/add', + edit='/heating/thermalcompany/edit', + deleteOne = '/heating/thermalcompany/delete', + deleteBatch = '/heating/thermalcompany/deleteBatch', + importExcel = '/heating/thermalcompany/importExcel', + exportXls = '/heating/thermalcompany/exportXls', +} +/** + * 导出api + * @param params + */ +export const getExportUrl = Api.exportXls; +/** + * 导入api + */ +export const getImportUrl = Api.importExcel; +/** + * 列表接口 + * @param params + */ +export const list = (params) => + defHttp.get({url: Api.list, params}); + +/** + * 删除单个 + */ +export const deleteOne = (params,handleSuccess) => { + return defHttp.delete({url: Api.deleteOne, params}, {joinParamsToUrl: true}).then(() => { + handleSuccess(); + }); +} +/** + * 批量删除 + * @param params + */ +export const batchDelete = (params, handleSuccess) => { + createConfirm({ + iconType: 'warning', + title: '确认删除', + content: '是否删除选中数据', + okText: '确认', + cancelText: '取消', + onOk: () => { + return defHttp.delete({url: Api.deleteBatch, data: params}, {joinParamsToUrl: true}).then(() => { + handleSuccess(); + }); + } + }); +} +/** + * 保存或者更新 + * @param params + */ +export const saveOrUpdate = (params, isUpdate) => { + let url = isUpdate ? Api.edit : Api.save; + return defHttp.post({url: url, params}, { isTransformResponse: false }); +} diff --git a/src/views/base/company/Thermalcompany.data.ts b/src/views/base/company/Thermalcompany.data.ts new file mode 100644 index 0000000..91eb99c --- /dev/null +++ b/src/views/base/company/Thermalcompany.data.ts @@ -0,0 +1,56 @@ +import {BasicColumn} from '/@/components/Table'; +import {FormSchema} from '/@/components/Table'; +import { rules} from '/@/utils/helper/validator'; +import { render } from '/@/utils/common/renderUtils'; +import { getWeekMonthQuarterYear } from '/@/utils'; +//列表数据 +export const columns: BasicColumn[] = [ + { + title: '公司名称', + align:"center", + dataIndex: 'companyName' + }, + { + title: '公司类型', + align:"center", + dataIndex: 'companyType_dictText' + }, + { + title: '电话', + align:"center", + dataIndex: 'companyPhone' + }, + { + title: '公司地址', + align:"center", + dataIndex: 'companyAddress' + }, + { + title: '换热站个数', + align:"center", + dataIndex: 'barterHeat' + }, + { + title: '锅炉房个数', + align:"center", + dataIndex: 'boilerHouse' + }, +]; +//查询数据 +export const searchFormSchema: FormSchema[] = [ + { + label: "公司名称", + field: 'companyName', + component: 'Input', + //colProps: {span: 6}, + }, + { + label: "公司类型", + field: 'companyType', + component: 'JSelectMultiple', + componentProps:{ + dictCode:"h_company_type" + }, + //colProps: {span: 6}, + }, +]; diff --git a/src/views/base/company/ThermalcompanyList.vue b/src/views/base/company/ThermalcompanyList.vue new file mode 100644 index 0000000..eaeaca9 --- /dev/null +++ b/src/views/base/company/ThermalcompanyList.vue @@ -0,0 +1,154 @@ + + + + + diff --git a/src/views/base/company/components/ThermalcompanyForm.vue b/src/views/base/company/components/ThermalcompanyForm.vue new file mode 100644 index 0000000..24eb43c --- /dev/null +++ b/src/views/base/company/components/ThermalcompanyForm.vue @@ -0,0 +1,256 @@ + + + + + diff --git a/src/views/base/company/components/ThermalcompanyModal.vue b/src/views/base/company/components/ThermalcompanyModal.vue new file mode 100644 index 0000000..7c750fc --- /dev/null +++ b/src/views/base/company/components/ThermalcompanyModal.vue @@ -0,0 +1,77 @@ + + + + + + diff --git a/src/views/base/heatsource/Heatsource.api.ts b/src/views/base/heatsource/Heatsource.api.ts new file mode 100644 index 0000000..bae9216 --- /dev/null +++ b/src/views/base/heatsource/Heatsource.api.ts @@ -0,0 +1,64 @@ +import {defHttp} from '/@/utils/http/axios'; +import { useMessage } from "/@/hooks/web/useMessage"; + +const { createConfirm } = useMessage(); + +enum Api { + list = '/heating/heatsource/page', + save='/heating/heatsource/add', + edit='/heating/heatsource/edit', + deleteOne = '/heating/heatsource/delete', + deleteBatch = '/heating/heatsource/deleteBatch', + importExcel = '/heating/heatsource/importExcel', + exportXls = '/heating/heatsource/exportXls', +} +/** + * 导出api + * @param params + */ +export const getExportUrl = Api.exportXls; +/** + * 导入api + */ +export const getImportUrl = Api.importExcel; +/** + * 列表接口 + * @param params + */ +export const list = (params) => + defHttp.get({url: Api.list, params}); + +/** + * 删除单个 + */ +export const deleteOne = (params,handleSuccess) => { + return defHttp.delete({url: Api.deleteOne, params}, {joinParamsToUrl: true}).then(() => { + handleSuccess(); + }); +} +/** + * 批量删除 + * @param params + */ +export const batchDelete = (params, handleSuccess) => { + createConfirm({ + iconType: 'warning', + title: '确认删除', + content: '是否删除选中数据', + okText: '确认', + cancelText: '取消', + onOk: () => { + return defHttp.delete({url: Api.deleteBatch, data: params}, {joinParamsToUrl: true}).then(() => { + handleSuccess(); + }); + } + }); +} +/** + * 保存或者更新 + * @param params + */ +export const saveOrUpdate = (params, isUpdate) => { + let url = isUpdate ? Api.edit : Api.save; + return defHttp.post({url: url, params}, { isTransformResponse: false }); +} diff --git a/src/views/base/heatsource/Heatsource.data.ts b/src/views/base/heatsource/Heatsource.data.ts new file mode 100644 index 0000000..ea9f37d --- /dev/null +++ b/src/views/base/heatsource/Heatsource.data.ts @@ -0,0 +1,65 @@ +import {BasicColumn} from '/@/components/Table'; +import {FormSchema} from '/@/components/Table'; +import { rules} from '/@/utils/helper/validator'; +import { render } from '/@/utils/common/renderUtils'; +import { getWeekMonthQuarterYear } from '/@/utils'; +//列表数据 +export const columns: BasicColumn[] = [ + { + title: '热源名称', + align:"center", + dataIndex: 'sourceName' + }, + { + title: '所属公司', + align:"center", + dataIndex: 'companyId_dictText' + }, + { + title: '联系人', + align:"center", + dataIndex: 'dutyPeople' + }, + { + title: '联系电话', + align:"center", + dataIndex: 'sourcePhone' + }, + { + title: '热源类型', + align:"center", + dataIndex: 'sourceType_dictText' + }, + { + title: '锅炉类型', + align:"center", + dataIndex: 'boilerType_dictText' + }, + { + title: '建设时间', + align:"center", + dataIndex: 'setupTime', + customRender:({text}) =>{ + text = !text ? "" : (text.length > 10 ? text.substr(0,10) : text); + return text; + }, + }, +]; +//查询数据 +export const searchFormSchema: FormSchema[] = [ + { + label: "热源名称", + field: 'sourceName', + component: 'Input', + //colProps: {span: 6}, + }, + { + label: "所属公司", + field: 'companyId', + component: 'JSelectMultiple', + componentProps:{ + dictCode:"bl_thermalcompany,company_name,id" + }, + //colProps: {span: 6}, + }, +]; diff --git a/src/views/base/heatsource/HeatsourceList.vue b/src/views/base/heatsource/HeatsourceList.vue new file mode 100644 index 0000000..791134d --- /dev/null +++ b/src/views/base/heatsource/HeatsourceList.vue @@ -0,0 +1,154 @@ + + + + + diff --git a/src/views/base/heatsource/components/HeatsourceForm.vue b/src/views/base/heatsource/components/HeatsourceForm.vue new file mode 100644 index 0000000..ddfe31d --- /dev/null +++ b/src/views/base/heatsource/components/HeatsourceForm.vue @@ -0,0 +1,330 @@ + + + + + diff --git a/src/views/base/heatsource/components/HeatsourceModal.vue b/src/views/base/heatsource/components/HeatsourceModal.vue new file mode 100644 index 0000000..56b4797 --- /dev/null +++ b/src/views/base/heatsource/components/HeatsourceModal.vue @@ -0,0 +1,77 @@ + + + + + + diff --git a/src/views/base/simconfig/Simconfig.api.ts b/src/views/base/simconfig/Simconfig.api.ts new file mode 100644 index 0000000..9370fa9 --- /dev/null +++ b/src/views/base/simconfig/Simconfig.api.ts @@ -0,0 +1,76 @@ +import {defHttp} from '/@/utils/http/axios'; +import { useMessage } from "/@/hooks/web/useMessage"; + +const { createConfirm } = useMessage(); + +enum Api { + list = '/heating/simconfig/list', + save='/heating/simconfig/add', + edit='/heating/simconfig/edit', + deleteOne = '/heating/simconfig/delete', + deleteBatch = '/heating/simconfig/deleteBatch', + importExcel = '/heating/simconfig/importExcel', + exportXls = '/heating/simconfig/exportXls', + companylist = '/heating/simconfig/companyList', + heatsourcelist = '/heating/simconfig/sourceList', + heatsourcestationlist = '/heating/simconfig/stationList', +} +/** + * 导出api + * @param params + */ +export const getExportUrl = Api.exportXls; +/** + * 导入api + */ +export const getImportUrl = Api.importExcel; +/** + * 列表接口 + * @param params + */ +export const list = (params) => + defHttp.get({url: Api.list, params}); + +/** + * 删除单个 + */ +export const deleteOne = (params,handleSuccess) => { + return defHttp.delete({url: Api.deleteOne, params}, {joinParamsToUrl: true}).then(() => { + handleSuccess(); + }); +} +/** + * 批量删除 + * @param params + */ +export const batchDelete = (params, handleSuccess) => { + createConfirm({ + iconType: 'warning', + title: '确认删除', + content: '是否删除选中数据', + okText: '确认', + cancelText: '取消', + onOk: () => { + return defHttp.delete({url: Api.deleteBatch, data: params}, {joinParamsToUrl: true}).then(() => { + handleSuccess(); + }); + } + }); +} +/** + * 保存或者更新 + * @param params + */ +export const saveOrUpdate = (params, isUpdate) => { + let url = isUpdate ? Api.edit : Api.save; + return defHttp.post({url: url, params}, { isTransformResponse: false }); +} + +export const companylist = (params) => + defHttp.get({url: Api.companylist, params}); + +export const heatsourcelist = (params) => + defHttp.get({url: Api.heatsourcelist, params}); + +export const heatsourcestationlist = (params) => + defHttp.get({url: Api.heatsourcestationlist, params}); diff --git a/src/views/base/simconfig/Simconfig.data.ts b/src/views/base/simconfig/Simconfig.data.ts new file mode 100644 index 0000000..ac3d98d --- /dev/null +++ b/src/views/base/simconfig/Simconfig.data.ts @@ -0,0 +1,57 @@ +import {BasicColumn} from '/@/components/Table'; +import {FormSchema} from '/@/components/Table'; +import { rules} from '/@/utils/helper/validator'; +import { render } from '/@/utils/common/renderUtils'; +import { getWeekMonthQuarterYear } from '/@/utils'; +//列表数据 +export const columns: BasicColumn[] = [ + { + title: '电话号', + align:"center", + dataIndex: 'sim', + width: 120 + }, + { + title: '设备号', + align:"center", + dataIndex: 'code', + width: 120 + }, + { + title: '公司名称', + align:"center", + dataIndex: 'companyCompanyId_dictText' + }, + { + title: '热源名称', + align:"center", + dataIndex: 'sourceSourceId_dictText' + }, + { + title: '换热站名称', + align:"center", + dataIndex: 'stationStationId_dictText' + }, + { + title: '注册设备时间', + align:"center", + dataIndex: 'occurtime', + customRender:({text}) =>{ + text = !text ? "" : (text.length > 10 ? text.substr(0,10) : text); + return text; + }, + }, + { + title: '更改时间', + align:"center", + dataIndex: 'updateDate', + customRender:({text}) =>{ + text = !text ? "" : (text.length > 10 ? text.substr(0,10) : text); + return text; + }, + }, + +]; +//查询数据 +export const searchFormSchema: FormSchema[] = [ +]; diff --git a/src/views/base/simconfig/SimconfigList.vue b/src/views/base/simconfig/SimconfigList.vue new file mode 100644 index 0000000..2c5d4ee --- /dev/null +++ b/src/views/base/simconfig/SimconfigList.vue @@ -0,0 +1,280 @@ + + + + + diff --git a/src/views/base/simconfig/components/SimconfigForm.vue b/src/views/base/simconfig/components/SimconfigForm.vue new file mode 100644 index 0000000..7abf9cf --- /dev/null +++ b/src/views/base/simconfig/components/SimconfigForm.vue @@ -0,0 +1,236 @@ + + + + + diff --git a/src/views/base/simconfig/components/SimconfigModal.vue b/src/views/base/simconfig/components/SimconfigModal.vue new file mode 100644 index 0000000..221d5f2 --- /dev/null +++ b/src/views/base/simconfig/components/SimconfigModal.vue @@ -0,0 +1,77 @@ + + + + + + diff --git a/src/views/base/station/Heatsourcestation.api.ts b/src/views/base/station/Heatsourcestation.api.ts new file mode 100644 index 0000000..92d922c --- /dev/null +++ b/src/views/base/station/Heatsourcestation.api.ts @@ -0,0 +1,72 @@ +import {defHttp} from '/@/utils/http/axios'; +import { useMessage } from "/@/hooks/web/useMessage"; + +const { createConfirm } = useMessage(); + +enum Api { + list = '/heating/heatsourcestation/page', + save='/heating/heatsourcestation/add', + edit='/heating/heatsourcestation/edit', + deleteOne = '/heating/heatsourcestation/delete', + deleteBatch = '/heating/heatsourcestation/deleteBatch', + importExcel = '/heating/heatsourcestation/importExcel', + exportXls = '/heating/heatsourcestation/exportXls', + companylist = '/heating/heatsourcestation/companyList', + heatsourcelist = '/heating/heatsourcestation/sourceList', +} +/** + * 导出api + * @param params + */ +export const getExportUrl = Api.exportXls; +/** + * 导入api + */ +export const getImportUrl = Api.importExcel; +/** + * 列表接口 + * @param params + */ +export const list = (params) => + defHttp.get({url: Api.list, params}); + +/** + * 删除单个 + */ +export const deleteOne = (params,handleSuccess) => { + return defHttp.delete({url: Api.deleteOne, params}, {joinParamsToUrl: true}).then(() => { + handleSuccess(); + }); +} +/** + * 批量删除 + * @param params + */ +export const batchDelete = (params, handleSuccess) => { + createConfirm({ + iconType: 'warning', + title: '确认删除', + content: '是否删除选中数据', + okText: '确认', + cancelText: '取消', + onOk: () => { + return defHttp.delete({url: Api.deleteBatch, data: params}, {joinParamsToUrl: true}).then(() => { + handleSuccess(); + }); + } + }); +} +/** + * 保存或者更新 + * @param params + */ +export const saveOrUpdate = (params, isUpdate) => { + let url = isUpdate ? Api.edit : Api.save; + return defHttp.post({url: url, params}, { isTransformResponse: false }); +} + +export const companylist = (params) => + defHttp.get({url: Api.companylist, params}); + +export const heatsourcelist = (params) => + defHttp.get({url: Api.heatsourcelist, params}); diff --git a/src/views/base/station/Heatsourcestation.data.ts b/src/views/base/station/Heatsourcestation.data.ts new file mode 100644 index 0000000..ad25f50 --- /dev/null +++ b/src/views/base/station/Heatsourcestation.data.ts @@ -0,0 +1,53 @@ +import {BasicColumn} from '/@/components/Table'; +import {FormSchema} from '/@/components/Table'; +import { rules} from '/@/utils/helper/validator'; +import { render } from '/@/utils/common/renderUtils'; +import { getWeekMonthQuarterYear } from '/@/utils'; +//列表数据 +export const columns: BasicColumn[] = [ + { + title: '换热站名称', + align:"center", + dataIndex: 'stationName', + width: 250 + }, + { + title: '公司', + align:"center", + dataIndex: 'companyId_dictText', + width: 220 + }, + { + title: '热源', + align:"center", + dataIndex: 'sourceId_dictText', + width: 220 + }, + { + title: '联系人', + align:"center", + dataIndex: 'dutyPeople', + width: 120 + }, + { + title: '联系电话', + align:"center", + dataIndex: 'stationPhone', + width: 120 + }, + { + title: '建设时间', + align:"center", + dataIndex: 'setupTime', + customRender:({text}) =>{ + text = !text ? "" : (text.length > 10 ? text.substr(0,10) : text); + return text; + }, + width: 120 + }, + { + title: '换热站地址', + align:"center", + dataIndex: 'stationAddress' + }, +]; diff --git a/src/views/base/station/HeatsourcestationList.vue b/src/views/base/station/HeatsourcestationList.vue new file mode 100644 index 0000000..03a6377 --- /dev/null +++ b/src/views/base/station/HeatsourcestationList.vue @@ -0,0 +1,242 @@ + + + + + diff --git a/src/views/base/station/components/HeatsourcestationForm.vue b/src/views/base/station/components/HeatsourcestationForm.vue new file mode 100644 index 0000000..fdfb4f7 --- /dev/null +++ b/src/views/base/station/components/HeatsourcestationForm.vue @@ -0,0 +1,285 @@ + + + + + diff --git a/src/views/base/station/components/HeatsourcestationModal.vue b/src/views/base/station/components/HeatsourcestationModal.vue new file mode 100644 index 0000000..e6f9807 --- /dev/null +++ b/src/views/base/station/components/HeatsourcestationModal.vue @@ -0,0 +1,77 @@ + + + + + + diff --git a/src/views/heating/extract/DataExtractConfig.data.ts b/src/views/heating/extract/DataExtractConfig.data.ts index 84e0140..d170134 100644 --- a/src/views/heating/extract/DataExtractConfig.data.ts +++ b/src/views/heating/extract/DataExtractConfig.data.ts @@ -7,7 +7,7 @@ import { getWeekMonthQuarterYear } from '/@/utils'; export const columns: BasicColumn[] = [ { - title: 'SIM', + title: '电话号', width: 100, align: "center", dataIndex: 'sim' @@ -34,7 +34,7 @@ export const columns: BasicColumn[] = [ width: 100, children: [ { - title: 'SIM', + title: '电话号', width: 100, align: "center", dataIndex: 'onePipeSim' @@ -76,7 +76,7 @@ export const columns: BasicColumn[] = [ width: 100, children: [ { - title: 'SIM', + title: '电话号', width: 100, align: "center", dataIndex: 'twoPipeSim' diff --git a/src/views/heating/extract/DataExtractConfigList.vue b/src/views/heating/extract/DataExtractConfigList.vue index a385e6d..e58148f 100644 --- a/src/views/heating/extract/DataExtractConfigList.vue +++ b/src/views/heating/extract/DataExtractConfigList.vue @@ -42,8 +42,8 @@ - SIM - + 电话号 + @@ -56,8 +56,8 @@ - 一次SIM - + 一次电话 + @@ -76,8 +76,8 @@ - 二次SIM - + 二次电话 + diff --git a/src/views/heating/extract/components/DataExtractConfigForm.vue b/src/views/heating/extract/components/DataExtractConfigForm.vue index ada19c5..38dcec9 100644 --- a/src/views/heating/extract/components/DataExtractConfigForm.vue +++ b/src/views/heating/extract/components/DataExtractConfigForm.vue @@ -7,8 +7,8 @@ - - + + @@ -46,8 +46,8 @@ - - + + @@ -105,8 +105,8 @@ - - + + @@ -228,7 +228,7 @@ const confirmLoading = ref(false); //表单验证 const validatorRules = reactive({ - sim: [{ required: true, message: '请输入手机号!'},], + sim: [{ required: true, message: '请输入电话号!'},], }); const { resetFields, validate, validateInfos } = useForm(formData, validatorRules, { immediate: false }); diff --git a/src/views/heating/extract/components/station/DataExtractStaionList.vue b/src/views/heating/extract/components/station/DataExtractStaionList.vue index 1ba954f..9b5b652 100644 --- a/src/views/heating/extract/components/station/DataExtractStaionList.vue +++ b/src/views/heating/extract/components/station/DataExtractStaionList.vue @@ -5,8 +5,8 @@ - - + + diff --git a/src/views/heating/extract/components/station/DataExtractStation.data.ts b/src/views/heating/extract/components/station/DataExtractStation.data.ts index 9d3d0dd..1f97565 100644 --- a/src/views/heating/extract/components/station/DataExtractStation.data.ts +++ b/src/views/heating/extract/components/station/DataExtractStation.data.ts @@ -5,7 +5,7 @@ import { render } from '/@/utils/common/renderUtils'; //列表数据 export const columns: BasicColumn[] = [ { - title: 'SIM', + title: '电话号', align: "center", dataIndex: 'sim', width:120, diff --git a/src/views/heating/history/HeatanalysisHistory.api.ts b/src/views/heating/history/HeatanalysisHistory.api.ts new file mode 100644 index 0000000..89d9f2a --- /dev/null +++ b/src/views/heating/history/HeatanalysisHistory.api.ts @@ -0,0 +1,27 @@ +import {defHttp} from '/@/utils/http/axios'; +import { useMessage } from "/@/hooks/web/useMessage"; + +const { createConfirm } = useMessage(); + +enum Api { + list = '/heating/heatanalysishistory/page', + companylist = '/heating/thermalcompany/list', + heatsourcelist = '/heating/heatsource/list', + heatsourcestationlist = '/heating/heatsourcestation/list', +} + +/** + * 列表接口 + * @param params + */ +export const list = (params) => + defHttp.get({url: Api.list, params}); + +export const companylist = (params) => + defHttp.get({url: Api.companylist, params}); + +export const heatsourcelist = (params) => + defHttp.get({url: Api.heatsourcelist, params}); + +export const heatsourcestationlist = (params) => + defHttp.get({url: Api.heatsourcestationlist, params}); diff --git a/src/views/heating/history/HeatanalysisHistory.data.ts b/src/views/heating/history/HeatanalysisHistory.data.ts new file mode 100644 index 0000000..7830447 --- /dev/null +++ b/src/views/heating/history/HeatanalysisHistory.data.ts @@ -0,0 +1,97 @@ +import {BasicColumn} from '/@/components/Table'; +import {FormSchema} from '/@/components/Table'; +import { rules} from '/@/utils/helper/validator'; +import { render } from '/@/utils/common/renderUtils'; +//列表数据 +export const columns: BasicColumn[] = [ + { + title: '电话号', + align: "center", + dataIndex: 'sim', + width:140, + ellipsis: false + }, + { + title: '热力公司', + align: "center", + dataIndex: 'view001Name', + width:140, + ellipsis: false + }, + { + title: '热源站', + align: "center", + dataIndex: 'view002Name', + ellipsis: false + }, + { + title: '换热站', + align: "center", + dataIndex: 'view004Name', + ellipsis: false + }, + { + title: '数据时间', + align: "center", + dataIndex: 'datatime', + ellipsis: false + }, + { + title:'一次网', + width:100, + children:[ + { + title: '供水温度', + align:"center", + width:120, + dataIndex: 'view005' + }, + { + title: '回水温度', + align:"center", + width:120, + dataIndex: 'view006' + }, + { + title: '供水压力', + align:"center", + width:120, + dataIndex: 'view007' + }, + { + title: '回水压力', + align:"center", + width:120, + dataIndex: 'view008' + } + ]}, + { + title:'二次网', + width:100, + children:[ + { + title: '供水温度', + align:"center", + width:120, + dataIndex: 'view009' + }, + { + title: '回水温度', + align:"center", + width:120, + dataIndex: 'view010' + }, + { + title: '供水压力', + align:"center", + width:120, + dataIndex: 'view011' + }, + { + title: '回水压力', + align:"center", + width:120, + dataIndex: 'view012' + } + ]}, +]; diff --git a/src/views/heating/history/HeatanalysisHistoryList.vue b/src/views/heating/history/HeatanalysisHistoryList.vue new file mode 100644 index 0000000..498ef6f --- /dev/null +++ b/src/views/heating/history/HeatanalysisHistoryList.vue @@ -0,0 +1,256 @@ + + + + + diff --git a/src/views/heating/mapmanagement/Markinfo.api.ts b/src/views/heating/mapmanagement/Markinfo.api.ts new file mode 100644 index 0000000..5c669ed --- /dev/null +++ b/src/views/heating/mapmanagement/Markinfo.api.ts @@ -0,0 +1,66 @@ +import { defHttp } from '/@/utils/http/axios'; + +enum Api { + queryTree = '/heating/markinfo/queryTree', + list = '/heating/markinfo/list', + getMarkinfo = '/heating/markinfo/getMarkinfo', + getPointInfo = '/heating/markinfo/getPointInfo', + add = '/heating/markinfo/add', + delete = '/heating/markinfo/delete', + deleteAll = '/heating/markinfo/deleteAll', + heatsourcelist = '/heating/markinfo/sourceList', + heatstationlist = '/heating/markinfo/stationList', +} + +/** + * 获取热区列表 + * @param params + */ +export const queryTree = (params?) => defHttp.get({ url: Api.queryTree, params }); + +/** + * 列表接口 + * @param params + */ +export const list = (params) => defHttp.get({ url: Api.list, params }); + +/** + * 定位信息 + * @param params + */ +export const getMarkinfo = (params) => defHttp.get({ url: Api.getMarkinfo, params }); + +/** + * 热源信息 + * @param params + */ +export const getPointInfo = (params) => defHttp.get({ url: Api.getPointInfo, params }); + +/** + * 保存或者更新 + * @param params + */ +export const addMarkinfo = (params) => { + return defHttp.post({ url: Api.add, params }, { isTransformResponse: false }); +}; + +/** + * 删除 + */ +export const deleteMarkinfo = (params) => { + return defHttp.delete({ url: Api.delete, params }, { joinParamsToUrl: true }).then(() => { + }); +}; + +/** + * 删除全部 + */ +export const deleteAllMarkinfo = (params,handleSuccess) => { + return defHttp.delete({ url: Api.deleteAll, params }, { joinParamsToUrl: true }).then(() => { + handleSuccess(); + }); +}; + +export const heatsourcelist = (params) => defHttp.get({url: Api.heatsourcelist, params}); + +export const heatstationlist = (params) => defHttp.get({url: Api.heatstationlist, params}); diff --git a/src/views/heating/mapmanagement/Markinfo.data.ts b/src/views/heating/mapmanagement/Markinfo.data.ts new file mode 100644 index 0000000..43666f4 --- /dev/null +++ b/src/views/heating/mapmanagement/Markinfo.data.ts @@ -0,0 +1,135 @@ +import {BasicColumn} from '/@/components/Table'; +import {FormSchema} from '/@/components/Table'; + +//列表数据 +export const columns: BasicColumn[] = [ + { + title: '分组序号', + align: "center", + dataIndex: 'regionId' + }, + { + title: '分组名称', + align: "center", + dataIndex: 'regionName' + }, + { + title: '分组层级', + align: "center", + dataIndex: 'regionLevel' + }, + { + title: '上级名称', + align: "center", + dataIndex: 'parentName' + }, + { + title: '项目名称', + align: "center", + dataIndex: 'projectName' + }, + { + title: '更新时间', + align: "center", + dataIndex: 'updateTime' + }, + { + title: '分组次序', + align: "center", + dataIndex: 'sort' + }, +]; + +export const searchFormSchema: FormSchema[] = [ + { + label: '项目', + field: 'projectId', + component: 'JDictSelectTag', + componentProps: { + dictCode: 'nu_iot_tplink_project,project_name,project_id', + placeholder: '请选择机构', + }, + // ignoreDisabled : true, + //colProps: { span: 6 }, + }, +]; + +export const formSchema: FormSchema[] = [ + { + label: '', + field: 'id', + component: 'Input', + show: false, + }, + { + label: '', + field: 'projectId', + component: 'Input', + show: false, + }, + { + label: '', + field: 'institutionId', + component: 'Input', + show: false, + }, + { + label: '', + field: 'parentId', + component: 'Input', + show: false, + }, + { + label: '分组序号', + field: 'regionId', + component: 'Input', + dynamicDisabled: true + }, + { + label: '分组名称', + field: 'regionName', + component: 'Input', + }, + { + label: '区域名称', + field: 'areaId', + component: 'Input', + slot: 'areaSelect' + }, + { + label: '分组层级', + field: 'regionLevel', + component: 'Input', + dynamicDisabled: true + }, + { + label: '上级名称', + field: 'parentName', + component: 'Input', + dynamicDisabled: true + }, + { + label: '项目名称', + field: 'projectName', + component: 'Input', + dynamicDisabled: ({model})=>{ + if(model.regionId || model.projectId){ + return true; + }else{ + return false; + } + } + }, + { + label: '更新时间', + field: 'updateTime', + component: 'Input', + dynamicDisabled: true + }, + { + label: '分组次序', + field: 'sort', + component: 'Input', + dynamicDisabled: true + }, +]; diff --git a/src/views/heating/mapmanagement/components/AddSourceForm.vue b/src/views/heating/mapmanagement/components/AddSourceForm.vue new file mode 100644 index 0000000..bc68739 --- /dev/null +++ b/src/views/heating/mapmanagement/components/AddSourceForm.vue @@ -0,0 +1,177 @@ + + + + diff --git a/src/views/heating/mapmanagement/components/AddSourceModal.vue b/src/views/heating/mapmanagement/components/AddSourceModal.vue new file mode 100644 index 0000000..3e59559 --- /dev/null +++ b/src/views/heating/mapmanagement/components/AddSourceModal.vue @@ -0,0 +1,78 @@ + + + + + + diff --git a/src/views/heating/mapmanagement/components/AddStationForm.vue b/src/views/heating/mapmanagement/components/AddStationForm.vue new file mode 100644 index 0000000..54bfa05 --- /dev/null +++ b/src/views/heating/mapmanagement/components/AddStationForm.vue @@ -0,0 +1,169 @@ + + + + diff --git a/src/views/heating/mapmanagement/components/AddStationModal.vue b/src/views/heating/mapmanagement/components/AddStationModal.vue new file mode 100644 index 0000000..c6d97b6 --- /dev/null +++ b/src/views/heating/mapmanagement/components/AddStationModal.vue @@ -0,0 +1,80 @@ + + + + + + diff --git a/src/views/heating/mapmanagement/components/MarkinfoForm.vue b/src/views/heating/mapmanagement/components/MarkinfoForm.vue new file mode 100644 index 0000000..f189618 --- /dev/null +++ b/src/views/heating/mapmanagement/components/MarkinfoForm.vue @@ -0,0 +1,301 @@ + + + + diff --git a/src/views/heating/mapmanagement/components/MarkinfoLeftTree.vue b/src/views/heating/mapmanagement/components/MarkinfoLeftTree.vue new file mode 100644 index 0000000..a1c17e9 --- /dev/null +++ b/src/views/heating/mapmanagement/components/MarkinfoLeftTree.vue @@ -0,0 +1,116 @@ + + + + + diff --git a/src/views/heating/mapmanagement/index.vue b/src/views/heating/mapmanagement/index.vue new file mode 100644 index 0000000..37d287b --- /dev/null +++ b/src/views/heating/mapmanagement/index.vue @@ -0,0 +1,54 @@ + + + + + diff --git a/src/views/heating/report/Heatanalysis.data.ts b/src/views/heating/report/Heatanalysis.data.ts index b5256e4..481624d 100644 --- a/src/views/heating/report/Heatanalysis.data.ts +++ b/src/views/heating/report/Heatanalysis.data.ts @@ -1,6 +1,13 @@ import {BasicColumn} from '/@/components/Table'; //列表数据 export const columns: BasicColumn[] = [ + { + title: '电话号', + align: "center", + dataIndex: 'sim', + width:140, + ellipsis: false + }, { title: '热力公司', align: "center", diff --git a/src/views/screen/components/BarMulti.vue b/src/views/screen/components/BarMulti.vue new file mode 100644 index 0000000..168bd14 --- /dev/null +++ b/src/views/screen/components/BarMulti.vue @@ -0,0 +1,102 @@ + + diff --git a/src/views/screen/components/EchartsMap.vue b/src/views/screen/components/EchartsMap.vue new file mode 100644 index 0000000..8ff46c5 --- /dev/null +++ b/src/views/screen/components/EchartsMap.vue @@ -0,0 +1,207 @@ + + + + + diff --git a/src/views/screen/components/HeatanalysisList.vue b/src/views/screen/components/HeatanalysisList.vue new file mode 100644 index 0000000..3470d83 --- /dev/null +++ b/src/views/screen/components/HeatanalysisList.vue @@ -0,0 +1,56 @@ + + + + + diff --git a/src/views/screen/components/LineMulti.vue b/src/views/screen/components/LineMulti.vue new file mode 100644 index 0000000..9b9ae36 --- /dev/null +++ b/src/views/screen/components/LineMulti.vue @@ -0,0 +1,146 @@ + + + diff --git a/src/views/screen/components/jilinsheng.js b/src/views/screen/components/jilinsheng.js new file mode 100644 index 0000000..b5d82af --- /dev/null +++ b/src/views/screen/components/jilinsheng.js @@ -0,0 +1,173 @@ +export default { + "type": "FeatureCollection", "features": [{ + "type": "Feature", + "properties": { + "adcode": 220100, + "name": "长春市", + "center": [125.3245, 43.886841], + "centroid": [125.593273, 44.290795], + "childrenNum": 11, + "level": "city", + "parent": {"adcode": 220000}, + "subFeatureIndex": 0, + "acroutes": [100000, 220000] + }, + "geometry": { + "type": "MultiPolygon", + "coordinates": [[[[125.69798, 43.262741], [125.716852, 43.267283], [125.718207, 43.27445], [125.730497, 43.27456], [125.781789, 43.292776], [125.788563, 43.301472], [125.80066, 43.31033], [125.815854, 43.315743], [125.832306, 43.300542], [125.844791, 43.294745], [125.857178, 43.294964], [125.891534, 43.30169], [125.900631, 43.307541], [125.915147, 43.310275], [125.913889, 43.317001], [125.928019, 43.318094], [125.94989, 43.323561], [125.956664, 43.327934], [125.957826, 43.336953], [125.969536, 43.342527], [125.979117, 43.336406], [126.006021, 43.345041], [126.018892, 43.353074], [126.020537, 43.361597], [126.013859, 43.371266], [126.000988, 43.37427], [125.996536, 43.391692], [125.988504, 43.403267], [125.975342, 43.405232], [125.969439, 43.398353], [125.957826, 43.398572], [125.950374, 43.407744], [125.93847, 43.430504], [125.934019, 43.435142], [125.912341, 43.446654], [125.914663, 43.451128], [125.901502, 43.451401], [125.882727, 43.462583], [125.873049, 43.484886], [125.866759, 43.484232], [125.868501, 43.491482], [125.855339, 43.495353], [125.852726, 43.501621], [125.866178, 43.510996], [125.867243, 43.523583], [125.872566, 43.526526], [125.857952, 43.532845], [125.856501, 43.538838], [125.86763, 43.543794], [125.865017, 43.551202], [125.870824, 43.561821], [125.878082, 43.562202], [125.886114, 43.59187], [125.89434, 43.604006], [125.885824, 43.61924], [125.893663, 43.624843], [125.886888, 43.63447], [125.887759, 43.650838], [125.878372, 43.650947], [125.878856, 43.670897], [125.867049, 43.683397], [125.871791, 43.689972], [125.863178, 43.690679], [125.849339, 43.697524], [125.848758, 43.707411], [125.838016, 43.729624], [125.834048, 43.728212], [125.830177, 43.738692], [125.832887, 43.747649], [125.824564, 43.760187], [125.815661, 43.759482], [125.818661, 43.765886], [125.811016, 43.767893], [125.821177, 43.77473], [125.816048, 43.783411], [125.803564, 43.790897], [125.806661, 43.798762], [125.801725, 43.80321], [125.805596, 43.812103], [125.813145, 43.812808], [125.806177, 43.818339], [125.80908, 43.824899], [125.802209, 43.827772], [125.810532, 43.831838], [125.821564, 43.851674], [125.825242, 43.863757], [125.844307, 43.862782], [125.844403, 43.859639], [125.860468, 43.860506], [125.86492, 43.853842], [125.87934, 43.861644], [125.89105, 43.863865], [125.892792, 43.855955], [125.899857, 43.853842], [125.917373, 43.861644], [125.935374, 43.859206], [125.95018, 43.849615], [125.972342, 43.852162], [125.984633, 43.856226], [125.986568, 43.870421], [125.994988, 43.8773], [126.002053, 43.875513], [126.042215, 43.882066], [126.044151, 43.898638], [126.036602, 43.898096], [126.044925, 43.910765], [126.045118, 43.920942], [126.035634, 43.923864], [126.02344, 43.93274], [126.036989, 43.937664], [126.03515, 43.94854], [126.029731, 43.954761], [126.02915, 43.965092], [126.021311, 43.979153], [126.000891, 43.995751], [126.007085, 44.02742], [126.018118, 44.041088], [126.029053, 44.049784], [126.036699, 44.050324], [126.042893, 44.061773], [126.051796, 44.06755], [126.063796, 44.066525], [126.065151, 44.081047], [126.077055, 44.088928], [126.078119, 44.095782], [126.089732, 44.103229], [126.092926, 44.115153], [126.106765, 44.126049], [126.120024, 44.122975], [126.133282, 44.113588], [126.140734, 44.12017], [126.133379, 44.129717], [126.150121, 44.137268], [126.162412, 44.139694], [126.15767, 44.150317], [126.162992, 44.158027], [126.177122, 44.16428], [126.209639, 44.157164], [126.22522, 44.176461], [126.244188, 44.176892], [126.249704, 44.180611], [126.263543, 44.178994], [126.272834, 44.182012], [126.273608, 44.169239], [126.278641, 44.158781], [126.287544, 44.177593], [126.297028, 44.176245], [126.296641, 44.192303], [126.331674, 44.187346], [126.338545, 44.179802], [126.349481, 44.17479], [126.36632, 44.177269], [126.376288, 44.174359], [126.390902, 44.182173], [126.402515, 44.181904], [126.40387, 44.176084], [126.413741, 44.17991], [126.425354, 44.171071], [126.433193, 44.17479], [126.445193, 44.174305], [126.462129, 44.177647], [126.468613, 44.18282], [126.467936, 44.203078], [126.48071, 44.215574], [126.500743, 44.221552], [126.503646, 44.234152], [126.494453, 44.239913], [126.470936, 44.243035], [126.463097, 44.257514], [126.473549, 44.271667], [126.474613, 44.28232], [126.481001, 44.29098], [126.494356, 44.297918], [126.489807, 44.305609], [126.474613, 44.310394], [126.470549, 44.315664], [126.472194, 44.336306], [126.468033, 44.344368], [126.455161, 44.354201], [126.461161, 44.365054], [126.474226, 44.366235], [126.484194, 44.371016], [126.493582, 44.379986], [126.491743, 44.385517], [126.479646, 44.392606], [126.484968, 44.407853], [126.484775, 44.416441], [126.467645, 44.424653], [126.434161, 44.41832], [126.424773, 44.425565], [126.441032, 44.437317], [126.440742, 44.447617], [126.422257, 44.465478], [126.425644, 44.478723], [126.42429, 44.488427], [126.442677, 44.493626], [126.445967, 44.502792], [126.422257, 44.513563], [126.415096, 44.5201], [126.41316, 44.528511], [126.424193, 44.534189], [126.442774, 44.534778], [126.438709, 44.541045], [126.452548, 44.555718], [126.464452, 44.546294], [126.476452, 44.547793], [126.507808, 44.543241], [126.512743, 44.539063], [126.528228, 44.544526], [126.531712, 44.549239], [126.546615, 44.545758], [126.546615, 44.555451], [126.560358, 44.556629], [126.554648, 44.563107], [126.58039, 44.567604], [126.58039, 44.57087], [126.594229, 44.569478], [126.598004, 44.565516], [126.620746, 44.557914], [126.608068, 44.575045], [126.627714, 44.574938], [126.635166, 44.569424], [126.630424, 44.560591], [126.646489, 44.55695], [126.641844, 44.554487], [126.646392, 44.544419], [126.655199, 44.545437], [126.703684, 44.534778], [126.709297, 44.531993], [126.7122, 44.53285], [126.709587, 44.537349], [126.720523, 44.535475], [126.730104, 44.534403], [126.733201, 44.528189], [126.726813, 44.521225], [126.733975, 44.517582], [126.738717, 44.521654], [126.759621, 44.518867], [126.770169, 44.525618], [126.797751, 44.522886], [126.811687, 44.530761], [126.834139, 44.535742], [126.856494, 44.536546], [126.860752, 44.527547], [126.878463, 44.512223], [126.89985, 44.514849], [126.902754, 44.524332], [126.91098, 44.524493], [126.92027, 44.53285], [126.949013, 44.524707], [126.959271, 44.530118], [126.991207, 44.527761], [126.999337, 44.531511], [127.010369, 44.552077], [127.035725, 44.558128], [127.050435, 44.566962], [127.04579, 44.571833], [127.041435, 44.591101], [127.02866, 44.597308], [127.033692, 44.608543], [127.041435, 44.611753], [127.041144, 44.640686], [127.044725, 44.650095], [127.036499, 44.65961], [127.030692, 44.676284], [127.035144, 44.68291], [127.036499, 44.702835], [127.041144, 44.712234], [127.036402, 44.722433], [127.018886, 44.739889], [127.019563, 44.741918], [126.997982, 44.76449], [126.997208, 44.77452], [126.989369, 44.798733], [126.98424, 44.824961], [126.993143, 44.835726], [126.994885, 44.847714], [127.003111, 44.854746], [127.001175, 44.870032], [127.011143, 44.890425], [127.021595, 44.89873], [127.033209, 44.900433], [127.045886, 44.907139], [127.072597, 44.906926], [127.076661, 44.919485], [127.084597, 44.915707], [127.088952, 44.929966], [127.085081, 44.944169], [127.093694, 44.94486], [127.086436, 44.958049], [127.076468, 44.956826], [127.079274, 44.963207], [127.071242, 44.967832], [127.071532, 44.97453], [127.057209, 44.991804], [127.038047, 44.996534], [127.050338, 45.003919], [127.036886, 45.00886], [127.035918, 45.01651], [127.018402, 45.024371], [127.009111, 45.043754], [126.987433, 45.066315], [126.974949, 45.068915], [126.968562, 45.074487], [126.967013, 45.084357], [126.97282, 45.097513], [126.967207, 45.108545], [126.969529, 45.116924], [126.957045, 45.12106], [126.964304, 45.133095], [126.95869, 45.137919], [126.944077, 45.13882], [126.931787, 45.130179], [126.925206, 45.140834], [126.914754, 45.143537], [126.902754, 45.14041], [126.888334, 45.14253], [126.872946, 45.137707], [126.856397, 45.145551], [126.838881, 45.132724], [126.832784, 45.136116], [126.8323, 45.144756], [126.822042, 45.146399], [126.812848, 45.136594], [126.802299, 45.139191], [126.792622, 45.135374], [126.78817, 45.143696], [126.787009, 45.159012], [126.772395, 45.165899], [126.758556, 45.177607], [126.739298, 45.175753], [126.731652, 45.17909], [126.732233, 45.187194], [126.712587, 45.188359], [126.705426, 45.186293], [126.68578, 45.18767], [126.677651, 45.196514], [126.67136, 45.195455], [126.649876, 45.211233], [126.640973, 45.213245], [126.644844, 45.225207], [126.630908, 45.225895], [126.622488, 45.23595], [126.607875, 45.237696], [126.600326, 45.244257], [126.574681, 45.252298], [126.557454, 45.251135], [126.548744, 45.239971], [126.540034, 45.23886], [126.519518, 45.247908], [126.51284, 45.239865], [126.497259, 45.241929], [126.494743, 45.238807], [126.473936, 45.233674], [126.460484, 45.234574], [126.452839, 45.224466], [126.439871, 45.22399], [126.432128, 45.23468], [126.420225, 45.232616], [126.416257, 45.227112], [126.398934, 45.220179], [126.379772, 45.206098], [126.377643, 45.201385], [126.36603, 45.198526], [126.359836, 45.188041], [126.346868, 45.185499], [126.338255, 45.192437], [126.323545, 45.179567], [126.316093, 45.181474], [126.304286, 45.178031], [126.297125, 45.192172], [126.289383, 45.190159], [126.293447, 45.180202], [126.28077, 45.17231], [126.292189, 45.166005], [126.285125, 45.162509], [126.264705, 45.168178], [126.258511, 45.163197], [126.262479, 45.152229], [126.250866, 45.1526], [126.25164, 45.144544], [126.235672, 45.140198], [126.225413, 45.153872], [126.217091, 45.146664], [126.206639, 45.152812], [126.193671, 45.148943], [126.192025, 45.155143], [126.182541, 45.144915], [126.170928, 45.146346], [126.169864, 45.134632], [126.17538, 45.123817], [126.183896, 45.123552], [126.185445, 45.115121], [126.19638, 45.103242], [126.174412, 45.088919], [126.177606, 45.07332], [126.18138, 45.071887], [126.173735, 45.048638], [126.177122, 45.038497], [126.190187, 45.032019], [126.188154, 45.000891], [126.16096, 44.985852], [126.144605, 44.9816], [126.146831, 44.962675], [126.156895, 44.953901], [126.170541, 44.950019], [126.171606, 44.938158], [126.179832, 44.938531], [126.186993, 44.933158], [126.192509, 44.917303], [126.179154, 44.908523], [126.168218, 44.912408], [126.164347, 44.902136], [126.153315, 44.905276], [126.145185, 44.902668], [126.147411, 44.926455], [126.10812, 44.924274], [126.098152, 44.891969], [126.086636, 44.897931], [126.060893, 44.902722], [126.056828, 44.881747], [126.061764, 44.883398], [126.050441, 44.862097], [126.041151, 44.862363], [126.038247, 44.84798], [126.055957, 44.847767], [126.051409, 44.833487], [126.043473, 44.829544], [126.049667, 44.826559], [126.037763, 44.804011], [126.043957, 44.800652], [126.049667, 44.786787], [126.02644, 44.781934], [126.00873, 44.783427], [125.997407, 44.775747], [125.985214, 44.772012], [125.977665, 44.773666], [125.951439, 44.760969], [125.920664, 44.771426], [125.91505, 44.775747], [125.911083, 44.789134], [125.916018, 44.795213], [125.906631, 44.807956], [125.880888, 44.814833], [125.87634, 44.820057], [125.873436, 44.836685], [125.858049, 44.839509], [125.851468, 44.837324], [125.826209, 44.840947], [125.818661, 44.832102], [125.809274, 44.830237], [125.800757, 44.840628], [125.810822, 44.848992], [125.801144, 44.85693], [125.791563, 44.857516], [125.781789, 44.863641], [125.787305, 44.87573], [125.771144, 44.887071], [125.760595, 44.887604], [125.751982, 44.893353], [125.749175, 44.905702], [125.742304, 44.912514], [125.738143, 44.923742], [125.719949, 44.93901], [125.696625, 44.936935], [125.682206, 44.937946], [125.665657, 44.935712], [125.654044, 44.93901], [125.641076, 44.930339], [125.641753, 44.917995], [125.612914, 44.900752], [125.600623, 44.885687], [125.590558, 44.885208], [125.577203, 44.893726], [125.569751, 44.891064], [125.54488, 44.890159], [125.531331, 44.884303], [125.505588, 44.883877], [125.496104, 44.880948], [125.493104, 44.874985], [125.48091, 44.872535], [125.469297, 44.884143], [125.449748, 44.884675], [125.436877, 44.897186], [125.421005, 44.890585], [125.412586, 44.874559], [125.391392, 44.871736], [125.384037, 44.873547], [125.391489, 44.881321], [125.36952, 44.884516], [125.354133, 44.880363], [125.340294, 44.879724], [125.329745, 44.867369], [125.307293, 44.86199], [125.296357, 44.852668], [125.283099, 44.850964], [125.266743, 44.858102], [125.251646, 44.857196], [125.247194, 44.860073], [125.232, 44.853734], [125.231904, 44.84505], [125.253485, 44.832155], [125.274776, 44.832262], [125.285034, 44.837537], [125.292196, 44.826773], [125.303422, 44.823522], [125.313099, 44.814247], [125.288808, 44.804064], [125.262485, 44.796013], [125.243904, 44.802838], [125.239936, 44.808703], [125.229291, 44.803638], [125.222807, 44.806144], [125.215065, 44.800545], [125.189612, 44.793987], [125.171999, 44.786521], [125.156515, 44.790254], [125.153515, 44.796653], [125.133385, 44.783321], [125.136772, 44.77916], [125.125353, 44.769985], [125.107352, 44.765344], [125.0879, 44.772546], [125.074738, 44.772279], [125.0699, 44.776813], [125.042318, 44.770785], [125.03835, 44.777934], [125.031673, 44.776173], [125.02635, 44.788014], [125.01164, 44.7782], [124.994994, 44.759902], [124.985317, 44.759582], [124.963542, 44.750083], [124.95851, 44.754886], [124.897153, 44.726063], [124.886314, 44.730014], [124.877895, 44.726757], [124.868894, 44.733057], [124.807248, 44.704117], [124.8297, 44.683284], [124.825538, 44.67591], [124.826409, 44.66597], [124.819151, 44.672276], [124.80357, 44.663833], [124.781311, 44.680292], [124.778698, 44.66907], [124.766795, 44.659878], [124.746762, 44.649668], [124.721697, 44.660145], [124.699632, 44.656831], [124.689277, 44.652608], [124.667115, 44.648599], [124.634308, 44.640686], [124.618146, 44.62951], [124.628404, 44.620258], [124.601597, 44.601535], [124.595113, 44.602659], [124.582145, 44.593616], [124.57508, 44.583983], [124.552434, 44.569371], [124.569661, 44.553202], [124.57508, 44.545062], [124.570822, 44.540188], [124.574112, 44.529422], [124.561531, 44.529422], [124.552628, 44.524332], [124.545467, 44.514367], [124.559789, 44.504292], [124.564822, 44.507079], [124.592597, 44.491268], [124.580887, 44.483923], [124.581371, 44.476685], [124.595307, 44.46698], [124.603145, 44.471216], [124.621146, 44.45856], [124.643308, 44.448636], [124.635082, 44.434366], [124.625791, 44.438336], [124.617856, 44.434044], [124.612533, 44.43796], [124.60421, 44.430931], [124.600726, 44.434366], [124.585629, 44.428409], [124.577693, 44.435117], [124.568983, 44.43619], [124.562693, 44.428248], [124.550789, 44.424063], [124.555918, 44.411503], [124.56337, 44.413167], [124.573532, 44.394216], [124.584855, 44.397062], [124.590468, 44.387504], [124.599855, 44.389599], [124.60963, 44.375367], [124.601113, 44.376119], [124.605178, 44.367686], [124.611662, 44.369781], [124.624823, 44.359251], [124.622114, 44.34915], [124.607404, 44.344314], [124.607113, 44.337596], [124.620565, 44.324104], [124.618339, 44.322008], [124.628501, 44.305931], [124.627727, 44.297434], [124.61321, 44.288882], [124.620372, 44.283234], [124.604016, 44.272205], [124.600145, 44.253262], [124.605081, 44.236683], [124.617275, 44.211589], [124.622017, 44.217944], [124.625114, 44.208195], [124.63634, 44.20394], [124.655986, 44.207334], [124.658986, 44.204209], [124.669341, 44.209488], [124.67147, 44.198984], [124.679502, 44.203832], [124.687922, 44.200546], [124.698471, 44.206849], [124.712213, 44.200977], [124.717148, 44.192411], [124.727213, 44.201031], [124.734375, 44.201408], [124.751891, 44.210134], [124.751794, 44.220475], [124.761569, 44.225322], [124.762827, 44.213905], [124.757698, 44.202863], [124.749182, 44.199792], [124.735052, 44.183682], [124.724697, 44.17797], [124.729729, 44.176245], [124.736117, 44.159159], [124.731762, 44.148699], [124.721794, 44.151018], [124.686761, 44.142337], [124.65376, 44.12756], [124.655308, 44.122004], [124.626953, 44.125402], [124.583693, 44.121626], [124.562015, 44.116286], [124.551176, 44.120655], [124.516434, 44.116609], [124.50124, 44.10911], [124.505788, 44.100585], [124.486239, 44.091302], [124.471432, 44.07878], [124.469497, 44.070628], [124.461948, 44.073057], [124.44598, 44.061233], [124.436496, 44.060693], [124.435625, 44.051296], [124.424496, 44.036929], [124.41956, 44.038279], [124.402721, 44.030068], [124.397689, 44.03936], [124.397592, 44.028177], [124.3523, 44.017694], [124.352397, 44.014884], [124.326364, 44.008615], [124.314073, 44.008291], [124.317848, 44.003265], [124.308073, 43.990994], [124.300815, 43.993859], [124.28717, 43.991859], [124.270137, 43.995751], [124.266459, 44.000184], [124.253588, 43.999211], [124.251072, 43.992291], [124.231233, 43.990129], [124.229297, 43.994508], [124.218555, 43.992183], [124.212555, 43.998238], [124.198329, 43.993805], [124.191264, 43.98829], [124.181005, 43.995048], [124.164747, 43.997697], [124.165521, 44.00494], [124.157586, 44.013695], [124.13794, 44.009858], [124.134069, 44.00667], [124.125262, 44.01202], [124.110939, 44.012885], [124.0761, 44.021045], [124.06226, 44.009102], [124.015711, 44.004508], [124.016679, 43.99348], [124.021227, 43.995589], [124.018808, 43.981694], [124.028872, 43.949946], [124.040389, 43.927166], [124.063809, 43.8975], [124.064486, 43.892031], [124.078422, 43.880062], [124.076777, 43.871612], [124.085293, 43.862836], [124.077648, 43.843599], [124.06439, 43.852216], [124.060518, 43.849669], [124.067099, 43.84154], [124.065841, 43.834169], [124.074358, 43.820074], [124.072519, 43.812103], [124.057228, 43.810476], [124.051131, 43.799901], [124.041647, 43.803047], [124.03855, 43.793989], [124.04755, 43.790897], [124.043099, 43.784225], [124.048905, 43.781133], [124.040195, 43.769521], [124.050841, 43.772343], [124.051421, 43.768219], [124.063228, 43.771149], [124.070777, 43.751937], [124.078519, 43.748843], [124.083261, 43.741026], [124.081035, 43.724791], [124.076583, 43.717731], [124.084809, 43.715885], [124.105036, 43.705021], [124.116649, 43.704261], [124.126617, 43.709476], [124.13223, 43.703718], [124.147134, 43.703555], [124.151101, 43.708335], [124.172779, 43.707194], [124.176941, 43.711594], [124.187683, 43.711268], [124.194167, 43.716537], [124.199393, 43.729787], [124.206555, 43.734294], [124.203554, 43.740918], [124.212071, 43.743523], [124.212264, 43.754597], [124.222523, 43.758722], [124.251072, 43.759265], [124.305751, 43.763498], [124.362268, 43.771203], [124.398366, 43.762358], [124.430496, 43.75628], [124.465819, 43.760838], [124.470271, 43.756931], [124.496304, 43.7483], [124.517401, 43.751123], [124.524272, 43.755248], [124.550692, 43.740646], [124.550015, 43.735325], [124.559306, 43.727507], [124.573725, 43.723542], [124.598984, 43.690624], [124.626759, 43.681604], [124.666147, 43.659863], [124.681535, 43.627998], [124.67776, 43.617336], [124.680857, 43.592415], [124.693825, 43.576412], [124.694503, 43.552563], [124.689761, 43.545374], [124.686857, 43.528977], [124.677567, 43.516336], [124.682406, 43.497533], [124.703406, 43.456364], [124.717245, 43.43285], [124.730697, 43.422809], [124.735246, 43.40223], [124.743375, 43.389944], [124.757601, 43.383227], [124.757311, 43.366841], [124.76273, 43.356407], [124.761569, 43.348757], [124.76844, 43.344658], [124.775021, 43.326021], [124.766311, 43.314157], [124.767956, 43.307487], [124.756149, 43.296167], [124.760021, 43.280742], [124.774827, 43.272864], [124.783924, 43.257707], [124.801344, 43.242984], [124.775989, 43.228859], [124.784021, 43.219606], [124.779473, 43.211172], [124.784311, 43.201313], [124.799312, 43.195671], [124.840539, 43.161642], [124.854378, 43.169425], [124.85883, 43.176933], [124.844023, 43.187946], [124.829409, 43.212267], [124.835506, 43.221632], [124.837248, 43.232363], [124.846539, 43.237017], [124.849152, 43.245939], [124.86483, 43.26586], [124.867152, 43.2727], [124.863088, 43.285446], [124.871314, 43.289658], [124.892314, 43.293104], [124.928702, 43.317985], [124.931702, 43.323889], [124.92667, 43.332799], [124.917573, 43.332853], [124.919218, 43.348047], [124.883798, 43.358974], [124.885927, 43.369245], [124.880508, 43.374653], [124.882056, 43.382845], [124.870539, 43.393548], [124.868507, 43.404414], [124.860378, 43.406706], [124.871604, 43.420626], [124.88525, 43.4239], [124.895508, 43.421444], [124.910895, 43.431159], [124.916121, 43.439725], [124.911476, 43.450146], [124.91496, 43.460619], [124.897637, 43.470654], [124.893669, 43.481178], [124.916799, 43.49737], [124.931702, 43.502276], [124.953477, 43.5062], [124.986768, 43.518189], [124.989478, 43.523747], [125.00593, 43.541017], [124.995672, 43.552019], [125.003124, 43.554524], [125.010479, 43.549241], [125.015511, 43.558227], [125.034092, 43.580059], [125.053544, 43.591707], [125.082093, 43.603081], [125.108223, 43.611079], [125.130772, 43.613636], [125.152644, 43.621035], [125.199967, 43.632947], [125.223387, 43.637135], [125.235194, 43.642247], [125.254066, 43.645781], [125.290067, 43.649805], [125.290067, 43.638712], [125.296647, 43.636101], [125.30226, 43.615214], [125.308938, 43.611134], [125.299938, 43.601884], [125.289873, 43.598891], [125.297325, 43.591762], [125.276808, 43.578045], [125.281937, 43.577936], [125.28455, 43.567973], [125.277582, 43.563944], [125.281744, 43.543086], [125.289292, 43.536822], [125.275937, 43.532954], [125.27284, 43.536986], [125.258808, 43.533554], [125.266163, 43.521894], [125.263646, 43.514919], [125.273421, 43.514593], [125.268001, 43.509742], [125.274389, 43.496062], [125.248259, 43.487176], [125.241291, 43.480088], [125.241968, 43.4676], [125.248646, 43.460237], [125.247678, 43.452328], [125.256098, 43.44529], [125.261614, 43.449437], [125.265292, 43.443981], [125.27526, 43.448127], [125.277098, 43.441471], [125.292196, 43.452055], [125.302938, 43.445727], [125.306035, 43.453855], [125.318132, 43.453637], [125.323938, 43.462092], [125.334197, 43.46471], [125.334681, 43.469236], [125.358681, 43.480251], [125.380456, 43.473599], [125.385101, 43.485104], [125.377843, 43.489356], [125.378327, 43.49786], [125.368456, 43.504456], [125.361681, 43.51541], [125.370875, 43.525981], [125.389553, 43.530012], [125.392166, 43.53753], [125.387327, 43.543413], [125.379004, 43.540254], [125.374359, 43.552509], [125.394198, 43.554578], [125.39536, 43.56438], [125.386553, 43.579678], [125.400779, 43.581638], [125.40465, 43.586754], [125.426328, 43.587027], [125.446167, 43.601448], [125.453038, 43.599762], [125.453038, 43.57614], [125.45991, 43.560514], [125.456329, 43.556756], [125.4572, 43.545156], [125.447909, 43.530339], [125.458748, 43.522766], [125.463103, 43.503529], [125.459039, 43.50064], [125.467265, 43.493881], [125.476555, 43.491973], [125.479942, 43.482923], [125.495814, 43.473653], [125.489717, 43.466128], [125.488846, 43.456637], [125.502491, 43.452928], [125.50462, 43.445181], [125.51275, 43.443545], [125.514492, 43.435469], [125.499491, 43.428375], [125.495233, 43.421936], [125.507233, 43.41817], [125.515169, 43.409491], [125.529686, 43.412384], [125.546525, 43.411565], [125.551073, 43.404141], [125.559686, 43.407853], [125.576622, 43.4096], [125.582622, 43.405342], [125.578364, 43.378749], [125.547686, 43.367333], [125.541589, 43.361433], [125.55417, 43.345533], [125.569945, 43.338647], [125.576913, 43.329847], [125.599655, 43.313501], [125.621914, 43.305956], [125.628785, 43.296987], [125.65356, 43.286103], [125.673689, 43.280742], [125.682786, 43.275545], [125.685399, 43.268596], [125.69798, 43.262741]]], [[[126.716749, 44.532957], [126.719071, 44.531618], [126.720233, 44.533975], [126.715394, 44.533332], [126.715974, 44.532957], [126.716749, 44.532957]]], [[[126.715974, 44.532957], [126.715394, 44.533332], [126.712781, 44.532421], [126.719071, 44.531618], [126.716749, 44.532957], [126.715974, 44.532957]]]] + } + }, { + "type": "Feature", + "properties": { + "adcode": 220200, + "name": "吉林市", + "center": [126.55302, 43.843577], + "centroid": [126.849983, 43.588212], + "childrenNum": 9, + "level": "city", + "parent": {"adcode": 220000}, + "subFeatureIndex": 1, + "acroutes": [100000, 220000] + }, + "geometry": { + "type": "MultiPolygon", + "coordinates": [[[[126.750427, 42.67231], [126.760008, 42.667337], [126.774234, 42.671536], [126.784492, 42.691313], [126.796977, 42.701806], [126.807235, 42.702579], [126.812461, 42.709205], [126.810816, 42.722014], [126.800461, 42.733109], [126.801719, 42.740946], [126.813138, 42.753418], [126.813042, 42.766162], [126.818655, 42.768259], [126.822139, 42.77747], [126.832978, 42.777801], [126.853785, 42.78464], [126.869075, 42.783813], [126.879237, 42.780228], [126.89927, 42.787011], [126.897334, 42.802616], [126.907883, 42.809066], [126.913593, 42.804711], [126.947368, 42.805648], [126.950271, 42.811492], [126.972142, 42.808074], [126.979981, 42.803608], [126.990046, 42.804876], [126.99953, 42.793739], [127.016853, 42.788997], [127.041338, 42.80653], [127.053145, 42.804325], [127.072693, 42.813145], [127.094759, 42.799528], [127.104049, 42.803167], [127.12505, 42.804876], [127.130566, 42.807578], [127.135792, 42.801624], [127.149631, 42.805538], [127.160083, 42.804049], [127.161728, 42.810941], [127.169373, 42.813145], [127.180987, 42.825216], [127.181374, 42.831664], [127.191729, 42.843456], [127.201697, 42.835742], [127.193761, 42.823563], [127.19289, 42.803333], [127.202471, 42.784805], [127.200729, 42.764949], [127.210987, 42.754245], [127.211374, 42.748783], [127.226762, 42.738242], [127.234988, 42.720413], [127.243311, 42.71837], [127.253569, 42.708984], [127.251246, 42.690816], [127.246988, 42.678332], [127.225214, 42.656065], [127.218246, 42.642302], [127.219213, 42.627708], [127.211665, 42.622123], [127.204213, 42.608354], [127.211568, 42.602325], [127.221923, 42.605644], [127.240214, 42.599449], [127.280957, 42.617423], [127.279602, 42.626547], [127.287925, 42.63202], [127.305538, 42.632297], [127.319571, 42.640312], [127.338829, 42.605644], [127.352475, 42.601993], [127.351991, 42.587943], [127.370572, 42.584014], [127.384992, 42.57743], [127.405992, 42.573501], [127.40425, 42.569628], [127.432412, 42.573446], [127.458155, 42.561492], [127.468026, 42.566805], [127.470252, 42.584734], [127.463671, 42.592036], [127.467542, 42.59779], [127.48564, 42.598343], [127.497543, 42.602215], [127.498221, 42.611561], [127.485349, 42.614492], [127.486607, 42.631025], [127.510124, 42.633789], [127.534512, 42.641639], [127.541577, 42.641363], [127.552222, 42.648327], [127.558222, 42.656728], [127.567513, 42.657501], [127.573126, 42.668608], [127.58861, 42.669713], [127.597707, 42.680818], [127.598965, 42.693301], [127.620837, 42.711359], [127.643386, 42.713954], [127.652579, 42.726596], [127.641353, 42.732226], [127.650934, 42.744975], [127.64716, 42.751045], [127.656934, 42.760921], [127.67029, 42.755404], [127.677645, 42.76539], [127.693226, 42.771182], [127.69671, 42.77576], [127.705613, 42.774437], [127.714226, 42.780173], [127.709387, 42.789107], [127.726517, 42.799087], [127.727291, 42.803663], [127.716742, 42.801182], [127.710936, 42.804215], [127.717613, 42.81728], [127.725356, 42.821854], [127.738324, 42.821799], [127.759131, 42.814634], [127.777905, 42.814909], [127.800551, 42.812649], [127.808874, 42.807026], [127.809358, 42.799749], [127.820293, 42.793022], [127.837617, 42.788335], [127.847004, 42.801017], [127.843617, 42.805593], [127.85252, 42.811106], [127.841778, 42.818933], [127.835197, 42.818878], [127.829197, 42.834254], [127.815455, 42.840866], [127.819713, 42.864004], [127.825036, 42.868134], [127.819035, 42.875789], [127.807325, 42.878598], [127.794744, 42.874192], [127.776938, 42.887958], [127.774034, 42.895445], [127.759421, 42.902436], [127.754098, 42.901831], [127.744324, 42.890271], [127.728356, 42.892803], [127.711613, 42.891317], [127.696129, 42.900345], [127.674838, 42.902712], [127.655096, 42.917902], [127.640966, 42.921699], [127.636321, 42.937765], [127.616579, 42.945631], [127.608449, 42.954596], [127.596643, 42.957346], [127.5859, 42.955916], [127.575448, 42.966749], [127.557932, 42.979175], [127.548351, 42.978076], [127.531221, 42.984452], [127.516802, 43.003195], [127.504705, 43.011822], [127.497253, 43.023359], [127.479543, 43.021986], [127.469768, 43.028688], [127.469962, 43.038026], [127.483414, 43.053018], [127.484769, 43.060869], [127.501124, 43.065591], [127.501801, 43.070586], [127.492898, 43.091552], [127.503447, 43.120574], [127.488833, 43.129239], [127.480027, 43.139768], [127.510608, 43.140865], [127.532189, 43.146238], [127.548544, 43.157695], [127.54748, 43.161039], [127.561513, 43.168986], [127.562287, 43.178796], [127.5679, 43.186631], [127.581352, 43.187508], [127.585997, 43.195068], [127.595965, 43.197533], [127.611933, 43.206243], [127.634192, 43.223822], [127.636224, 43.236688], [127.644547, 43.249333], [127.657225, 43.260169], [127.659451, 43.27352], [127.654128, 43.283258], [127.643482, 43.292721], [127.618417, 43.300159], [127.61532, 43.305464], [127.630514, 43.312955], [127.633902, 43.323288], [127.617449, 43.334821], [127.625192, 43.341216], [127.639902, 43.340068], [127.647934, 43.346298], [127.671741, 43.349522], [127.682193, 43.35433], [127.678999, 43.364219], [127.686064, 43.367278], [127.688096, 43.375144], [127.694968, 43.378039], [127.703484, 43.395023], [127.698645, 43.401957], [127.70571, 43.409272], [127.710162, 43.430231], [127.701742, 43.430285], [127.696323, 43.43727], [127.697097, 43.451346], [127.706678, 43.464655], [127.704258, 43.480851], [127.698161, 43.484232], [127.71771, 43.502439], [127.719839, 43.510396], [127.733775, 43.504456], [127.745001, 43.503693], [127.761356, 43.523257], [127.774518, 43.525763], [127.769873, 43.531974], [127.770841, 43.54984], [127.777034, 43.555014], [127.791164, 43.554578], [127.791744, 43.563509], [127.798809, 43.564761], [127.797938, 43.572166], [127.8111, 43.581148], [127.819326, 43.583053], [127.816519, 43.590728], [127.82939, 43.598564], [127.840907, 43.595136], [127.853585, 43.610644], [127.854649, 43.616411], [127.865682, 43.624897], [127.884263, 43.620382], [127.896554, 43.625006], [127.899457, 43.645618], [127.913006, 43.651871], [127.916393, 43.657851], [127.913296, 43.666223], [127.905651, 43.670082], [127.909909, 43.68443], [127.90265, 43.689864], [127.913489, 43.694591], [127.910296, 43.70312], [127.924716, 43.7079], [127.917457, 43.716374], [127.920554, 43.721316], [127.915909, 43.730602], [127.906522, 43.732339], [127.893457, 43.729733], [127.877101, 43.735], [127.856972, 43.746998], [127.857262, 43.754868], [127.839358, 43.779234], [127.84052, 43.79502], [127.844197, 43.800389], [127.835584, 43.801528], [127.826874, 43.809771], [127.813422, 43.812103], [127.817971, 43.81861], [127.807809, 43.827935], [127.816713, 43.836066], [127.811003, 43.840944], [127.816519, 43.853571], [127.83752, 43.86717], [127.854456, 43.857635], [127.861036, 43.882175], [127.850972, 43.888836], [127.851262, 43.896147], [127.839552, 43.896634], [127.836068, 43.901074], [127.795228, 43.916774], [127.781196, 43.929709], [127.762518, 43.937231], [127.775873, 43.936744], [127.778679, 43.949513], [127.786131, 43.956113], [127.779841, 43.97169], [127.792325, 43.973421], [127.782744, 43.978828], [127.785744, 43.989318], [127.783422, 43.995913], [127.788938, 44.00267], [127.800551, 44.008183], [127.807809, 44.017911], [127.820971, 44.02045], [127.835778, 44.031797], [127.835584, 44.037415], [127.84981, 44.041574], [127.852423, 44.048272], [127.860456, 44.049082], [127.870133, 44.055779], [127.865004, 44.062259], [127.848455, 44.074137], [127.845746, 44.082127], [127.821648, 44.081047], [127.808293, 44.086445], [127.791454, 44.073867], [127.783518, 44.071978], [127.766679, 44.082181], [127.736775, 44.093299], [127.729227, 44.09902], [127.735904, 44.114236], [127.73484, 44.129987], [127.727775, 44.140989], [127.72913, 44.14719], [127.722065, 44.153606], [127.720517, 44.162824], [127.724001, 44.196613], [127.719452, 44.202486], [127.712387, 44.199038], [127.703387, 44.188155], [127.699226, 44.176138], [127.681129, 44.166867], [127.668451, 44.172203], [127.667967, 44.176569], [127.640869, 44.193112], [127.637869, 44.187023], [127.626643, 44.187885], [127.62045, 44.196721], [127.607385, 44.207172], [127.597901, 44.224352], [127.590546, 44.227853], [127.602062, 44.238082], [127.604965, 44.245996], [127.623159, 44.258321], [127.614933, 44.271021], [127.623353, 44.277585], [127.609223, 44.294745], [127.596933, 44.298295], [127.59132, 44.306361], [127.585513, 44.306361], [127.556383, 44.340552], [127.541673, 44.348935], [127.534318, 44.359574], [127.521641, 44.360595], [127.523479, 44.372466], [127.520479, 44.380684], [127.506931, 44.393035], [127.487865, 44.397492], [127.485543, 44.408658], [127.502769, 44.42315], [127.501995, 44.430126], [127.508285, 44.437209], [127.50064, 44.450246], [127.478962, 44.458613], [127.472575, 44.467891], [127.464639, 44.486711], [127.475478, 44.498504], [127.468413, 44.506597], [127.465607, 44.516296], [127.474317, 44.517528], [127.484188, 44.528297], [127.49464, 44.526797], [127.508963, 44.530332], [127.514479, 44.523046], [127.536931, 44.522618], [127.54206, 44.525779], [127.546803, 44.538528], [127.570222, 44.550738], [127.56819, 44.559948], [127.55648, 44.576008], [127.537512, 44.577186], [127.513221, 44.582538], [127.506737, 44.594526], [127.487769, 44.602552], [127.48293, 44.600625], [127.474123, 44.608971], [127.465994, 44.607473], [127.451477, 44.615016], [127.435413, 44.613839], [127.425251, 44.620205], [127.411315, 44.622504], [127.401734, 44.634377], [127.393024, 44.632291], [127.321893, 44.635553], [127.319764, 44.638013], [127.276215, 44.640472], [127.27186, 44.627371], [127.263053, 44.61293], [127.230923, 44.6232], [127.213987, 44.625499], [127.219407, 44.635606], [127.229472, 44.642557], [127.2196, 44.64245], [127.211665, 44.648117], [127.181761, 44.643627], [127.152728, 44.616567], [127.142857, 44.614535], [127.138985, 44.607634], [127.126888, 44.609881], [127.117888, 44.615337], [127.094759, 44.615819], [127.088662, 44.60619], [127.089436, 44.593991], [127.077629, 44.587408], [127.0605, 44.57087], [127.050435, 44.566962], [127.035725, 44.558128], [127.010369, 44.552077], [126.999337, 44.531511], [126.991207, 44.527761], [126.959271, 44.530118], [126.949013, 44.524707], [126.92027, 44.53285], [126.91098, 44.524493], [126.902754, 44.524332], [126.89985, 44.514849], [126.878463, 44.512223], [126.860752, 44.527547], [126.856494, 44.536546], [126.834139, 44.535742], [126.811687, 44.530761], [126.797751, 44.522886], [126.770169, 44.525618], [126.759621, 44.518867], [126.738717, 44.521654], [126.733975, 44.517582], [126.726813, 44.521225], [126.733201, 44.528189], [126.730104, 44.534403], [126.720523, 44.535475], [126.720233, 44.533975], [126.719071, 44.531618], [126.712781, 44.532421], [126.7122, 44.53285], [126.709297, 44.531993], [126.707361, 44.530332], [126.703877, 44.533278], [126.703684, 44.534778], [126.655199, 44.545437], [126.646392, 44.544419], [126.641844, 44.554487], [126.646489, 44.55695], [126.630424, 44.560591], [126.635166, 44.569424], [126.627714, 44.574938], [126.608068, 44.575045], [126.620746, 44.557914], [126.598004, 44.565516], [126.594229, 44.569478], [126.58039, 44.57087], [126.58039, 44.567604], [126.554648, 44.563107], [126.560358, 44.556629], [126.546615, 44.555451], [126.546615, 44.545758], [126.531712, 44.549239], [126.528228, 44.544526], [126.512743, 44.539063], [126.507808, 44.543241], [126.476452, 44.547793], [126.464452, 44.546294], [126.452548, 44.555718], [126.438709, 44.541045], [126.442774, 44.534778], [126.424193, 44.534189], [126.41316, 44.528511], [126.415096, 44.5201], [126.422257, 44.513563], [126.445967, 44.502792], [126.442677, 44.493626], [126.42429, 44.488427], [126.425644, 44.478723], [126.422257, 44.465478], [126.440742, 44.447617], [126.441032, 44.437317], [126.424773, 44.425565], [126.434161, 44.41832], [126.467645, 44.424653], [126.484775, 44.416441], [126.484968, 44.407853], [126.479646, 44.392606], [126.491743, 44.385517], [126.493582, 44.379986], [126.484194, 44.371016], [126.474226, 44.366235], [126.461161, 44.365054], [126.455161, 44.354201], [126.468033, 44.344368], [126.472194, 44.336306], [126.470549, 44.315664], [126.474613, 44.310394], [126.489807, 44.305609], [126.494356, 44.297918], [126.481001, 44.29098], [126.474613, 44.28232], [126.473549, 44.271667], [126.463097, 44.257514], [126.470936, 44.243035], [126.494453, 44.239913], [126.503646, 44.234152], [126.500743, 44.221552], [126.48071, 44.215574], [126.467936, 44.203078], [126.468613, 44.18282], [126.462129, 44.177647], [126.445193, 44.174305], [126.433193, 44.17479], [126.425354, 44.171071], [126.413741, 44.17991], [126.40387, 44.176084], [126.402515, 44.181904], [126.390902, 44.182173], [126.376288, 44.174359], [126.36632, 44.177269], [126.349481, 44.17479], [126.338545, 44.179802], [126.331674, 44.187346], [126.296641, 44.192303], [126.297028, 44.176245], [126.287544, 44.177593], [126.278641, 44.158781], [126.273608, 44.169239], [126.272834, 44.182012], [126.263543, 44.178994], [126.249704, 44.180611], [126.244188, 44.176892], [126.22522, 44.176461], [126.209639, 44.157164], [126.177122, 44.16428], [126.162992, 44.158027], [126.15767, 44.150317], [126.162412, 44.139694], [126.150121, 44.137268], [126.133379, 44.129717], [126.140734, 44.12017], [126.133282, 44.113588], [126.120024, 44.122975], [126.106765, 44.126049], [126.092926, 44.115153], [126.089732, 44.103229], [126.078119, 44.095782], [126.077055, 44.088928], [126.065151, 44.081047], [126.063796, 44.066525], [126.051796, 44.06755], [126.042893, 44.061773], [126.036699, 44.050324], [126.029053, 44.049784], [126.018118, 44.041088], [126.007085, 44.02742], [126.000891, 43.995751], [126.021311, 43.979153], [126.02915, 43.965092], [126.029731, 43.954761], [126.03515, 43.94854], [126.036989, 43.937664], [126.02344, 43.93274], [126.035634, 43.923864], [126.045118, 43.920942], [126.044925, 43.910765], [126.036602, 43.898096], [126.044151, 43.898638], [126.042215, 43.882066], [126.002053, 43.875513], [125.994988, 43.8773], [125.986568, 43.870421], [125.984633, 43.856226], [125.972342, 43.852162], [125.95018, 43.849615], [125.935374, 43.859206], [125.917373, 43.861644], [125.899857, 43.853842], [125.892792, 43.855955], [125.89105, 43.863865], [125.87934, 43.861644], [125.86492, 43.853842], [125.860468, 43.860506], [125.844403, 43.859639], [125.844307, 43.862782], [125.825242, 43.863757], [125.821564, 43.851674], [125.810532, 43.831838], [125.802209, 43.827772], [125.80908, 43.824899], [125.806177, 43.818339], [125.813145, 43.812808], [125.805596, 43.812103], [125.801725, 43.80321], [125.806661, 43.798762], [125.803564, 43.790897], [125.816048, 43.783411], [125.821177, 43.77473], [125.811016, 43.767893], [125.818661, 43.765886], [125.815661, 43.759482], [125.824564, 43.760187], [125.832887, 43.747649], [125.830177, 43.738692], [125.834048, 43.728212], [125.838016, 43.729624], [125.848758, 43.707411], [125.849339, 43.697524], [125.863178, 43.690679], [125.871791, 43.689972], [125.867049, 43.683397], [125.878856, 43.670897], [125.878372, 43.650947], [125.887759, 43.650838], [125.886888, 43.63447], [125.893663, 43.624843], [125.885824, 43.61924], [125.89434, 43.604006], [125.886114, 43.59187], [125.878082, 43.562202], [125.870824, 43.561821], [125.865017, 43.551202], [125.86763, 43.543794], [125.856501, 43.538838], [125.857952, 43.532845], [125.872566, 43.526526], [125.867243, 43.523583], [125.866178, 43.510996], [125.852726, 43.501621], [125.855339, 43.495353], [125.868501, 43.491482], [125.866759, 43.484232], [125.873049, 43.484886], [125.882727, 43.462583], [125.901502, 43.451401], [125.914663, 43.451128], [125.912341, 43.446654], [125.934019, 43.435142], [125.93847, 43.430504], [125.950374, 43.407744], [125.957826, 43.398572], [125.969439, 43.398353], [125.975342, 43.405232], [125.988504, 43.403267], [125.996536, 43.391692], [126.000988, 43.37427], [126.013859, 43.371266], [126.020537, 43.361597], [126.018892, 43.353074], [126.006021, 43.345041], [125.979117, 43.336406], [125.969536, 43.342527], [125.957826, 43.336953], [125.956664, 43.327934], [125.94989, 43.323561], [125.928019, 43.318094], [125.913889, 43.317001], [125.915147, 43.310275], [125.900631, 43.307541], [125.891534, 43.30169], [125.857178, 43.294964], [125.844791, 43.294745], [125.832306, 43.300542], [125.815854, 43.315743], [125.80066, 43.31033], [125.788563, 43.301472], [125.781789, 43.292776], [125.730497, 43.27456], [125.718207, 43.27445], [125.716852, 43.267283], [125.69798, 43.262741], [125.65927, 43.231871], [125.660141, 43.226888], [125.64785, 43.222782], [125.645721, 43.217251], [125.655205, 43.200217], [125.666528, 43.199834], [125.674173, 43.186302], [125.683464, 43.178577], [125.680754, 43.16948], [125.688787, 43.159504], [125.692464, 43.146786], [125.698755, 43.150514], [125.713368, 43.125565], [125.725271, 43.123371], [125.75353, 43.13061], [125.760595, 43.12913], [125.769305, 43.113059], [125.776273, 43.109384], [125.776176, 43.102855], [125.786725, 43.102142], [125.787596, 43.096875], [125.749756, 43.083156], [125.732723, 43.091113], [125.728465, 43.084418], [125.73882, 43.072507], [125.733401, 43.064822], [125.70398, 43.056038], [125.697109, 43.060046], [125.67998, 43.060101], [125.664689, 43.07602], [125.65985, 43.058399], [125.67456, 43.044506], [125.693625, 43.036598], [125.707755, 43.033357], [125.726239, 43.02292], [125.727013, 43.010943], [125.736788, 43.006162], [125.742111, 43.012151], [125.772305, 43.020118], [125.809661, 43.005832], [125.805306, 43.004239], [125.821564, 42.997919], [125.831726, 42.982254], [125.834435, 42.966749], [125.8505, 42.958721], [125.861436, 42.960591], [125.864339, 42.955036], [125.849726, 42.953276], [125.865501, 42.947556], [125.857855, 42.943926], [125.8415, 42.925661], [125.857759, 42.924065], [125.887663, 42.913444], [125.892308, 42.91394], [125.906921, 42.905244], [125.903244, 42.900455], [125.903631, 42.876065], [125.911567, 42.876395], [125.919599, 42.850894], [125.939922, 42.830672], [125.951342, 42.822846], [125.980568, 42.813145], [125.994311, 42.816177], [126.007569, 42.796386], [126.018021, 42.797047], [126.029344, 42.788611], [126.05499, 42.787783], [126.060796, 42.783151], [126.067667, 42.788004], [126.078216, 42.785633], [126.089926, 42.789217], [126.09912, 42.783096], [126.135605, 42.787232], [126.138218, 42.791809], [126.149153, 42.792085], [126.16667, 42.784971], [126.190961, 42.787453], [126.195025, 42.790761], [126.217284, 42.786074], [126.21951, 42.778684], [126.227639, 42.773719], [126.243027, 42.775871], [126.246704, 42.783206], [126.261027, 42.784144], [126.270124, 42.794456], [126.287544, 42.796275], [126.299641, 42.800135], [126.312125, 42.814965], [126.325964, 42.815185], [126.344642, 42.805538], [126.354997, 42.804215], [126.36603, 42.813807], [126.38403, 42.815406], [126.394676, 42.804987], [126.395547, 42.793794], [126.387224, 42.779621], [126.38916, 42.769913], [126.39816, 42.761363], [126.391676, 42.755514], [126.400386, 42.737801], [126.390127, 42.73184], [126.389063, 42.718923], [126.382869, 42.708764], [126.387998, 42.697554], [126.404257, 42.693356], [126.405031, 42.688661], [126.422257, 42.67905], [126.435322, 42.674962], [126.465807, 42.682088], [126.484678, 42.684629], [126.49242, 42.679879], [126.50713, 42.685734], [126.514098, 42.681094], [126.527744, 42.678663], [126.533454, 42.67126], [126.541873, 42.668498], [126.563261, 42.670818], [126.567422, 42.686065], [126.583681, 42.697001], [126.596649, 42.696559], [126.602843, 42.703904], [126.619004, 42.712684], [126.628585, 42.713512], [126.648715, 42.729411], [126.66178, 42.727093], [126.673006, 42.718205], [126.682877, 42.716935], [126.68578, 42.706886], [126.700877, 42.706113], [126.720329, 42.696891], [126.734459, 42.695731], [126.750427, 42.67231]]], [[[126.720233, 44.533975], [126.720523, 44.535475], [126.709587, 44.537349], [126.7122, 44.53285], [126.712781, 44.532421], [126.715394, 44.533332], [126.720233, 44.533975]]], [[[126.703684, 44.534778], [126.703877, 44.533278], [126.707361, 44.530332], [126.709297, 44.531993], [126.703684, 44.534778]]]] + } + }, { + "type": "Feature", + "properties": { + "adcode": 220284, + "name": "磐石市", + "center": [125.687336, 42.530002], + "centroid": [125.715219, 42.534578], + "childrenNum": 0, + "level": "district", + "parent": {"adcode": 220200}, + "subFeatureIndex": 5, + "acroutes": [100000, 220000, 220200] + }, + "geometry": { + "type": "MultiPolygon", + "coordinates": [[[[126.649483, 42.730842], [126.651921, 42.737447], [126.65616, 42.73986], [126.659237, 42.745152], [126.656502, 42.752518], [126.651283, 42.758612], [126.654611, 42.764347], [126.649164, 42.768663], [126.648207, 42.775137], [126.651853, 42.778776], [126.659374, 42.780828], [126.664319, 42.779918], [126.674301, 42.786962], [126.676216, 42.79132], [126.684488, 42.792377], [126.685149, 42.795698], [126.690573, 42.798764], [126.68916, 42.802338], [126.683235, 42.806419], [126.678039, 42.812995], [126.68164, 42.815151], [126.677309, 42.817329], [126.678472, 42.823671], [126.674803, 42.826842], [126.675646, 42.831239], [126.67143, 42.830499], [126.667168, 42.835402], [126.662314, 42.837474], [126.657368, 42.836586], [126.648503, 42.831006], [126.632664, 42.826292], [126.627513, 42.829527], [126.623365, 42.82978], [126.622294, 42.837347], [126.616437, 42.839503], [126.613246, 42.846138], [126.613155, 42.85645], [126.621086, 42.865766], [126.624733, 42.867499], [126.623844, 42.87128], [126.618101, 42.878144], [126.618465, 42.883488], [126.605429, 42.879369], [126.602626, 42.877025], [126.598045, 42.881017], [126.593533, 42.882495], [126.593442, 42.893138], [126.595106, 42.897129], [126.610307, 42.906207], [126.615639, 42.913849], [126.614021, 42.92092], [126.610398, 42.926407], [126.615548, 42.92856], [126.612016, 42.930924], [126.604655, 42.931852], [126.590889, 42.937127], [126.595516, 42.942423], [126.59367, 42.944364], [126.585739, 42.944765], [126.588975, 42.957866], [126.592941, 42.960734], [126.593784, 42.96491], [126.599823, 42.969255], [126.59882, 42.974359], [126.602991, 42.978724], [126.599139, 42.98216], [126.598752, 42.986673], [126.595926, 42.986778], [126.596815, 42.992808], [126.590297, 42.991016], [126.57774, 42.990236], [126.576691, 42.995548], [126.568715, 43.00067], [126.560077, 43.009396], [126.557844, 43.017974], [126.559439, 43.024316], [126.555451, 43.028825], [126.549138, 43.030784], [126.547611, 43.040517], [126.551394, 43.048564], [126.554471, 43.050965], [126.547315, 43.056988], [126.543076, 43.057493], [126.537059, 43.062358], [126.527601, 43.060526], [126.523294, 43.058483], [126.519556, 43.060968], [126.51673, 43.066632], [126.512241, 43.066401], [126.507227, 43.072528], [126.503421, 43.072823], [126.496744, 43.079623], [126.4959, 43.085959], [126.490795, 43.092715], [126.486169, 43.093831], [126.4776, 43.105111], [126.470284, 43.107299], [126.459208, 43.113464], [126.454627, 43.120176], [126.454969, 43.122342], [126.449067, 43.125666], [126.441637, 43.124278], [126.435826, 43.130315], [126.428738, 43.130063], [126.423861, 43.126381], [126.418186, 43.12594], [126.418824, 43.129705], [126.414494, 43.131682], [126.416614, 43.134522], [126.410939, 43.141041], [126.408318, 43.147455], [126.403418, 43.151135], [126.400592, 43.155572], [126.39143, 43.154563], [126.384434, 43.149937], [126.3755, 43.145878], [126.367638, 43.144511], [126.358955, 43.148927], [126.357086, 43.151682], [126.338854, 43.157422], [126.339036, 43.163077], [126.336324, 43.172768], [126.335093, 43.185147], [126.328872, 43.187459], [126.326296, 43.19038], [126.32698, 43.198344], [126.321738, 43.206684], [126.301843, 43.20242], [126.290994, 43.206096], [126.292613, 43.211558], [126.288328, 43.21641], [126.283291, 43.218973], [126.275247, 43.231553], [126.280511, 43.245033], [126.286892, 43.244823], [126.291017, 43.247069], [126.294573, 43.245621], [126.297125, 43.248329], [126.306834, 43.248098], [126.310047, 43.24984], [126.319459, 43.245956], [126.331059, 43.24667], [126.331675, 43.251163], [126.339902, 43.257565], [126.345691, 43.259244], [126.347354, 43.265625], [126.347446, 43.277188], [126.356311, 43.283462], [126.357177, 43.286525], [126.3541, 43.291434], [126.344984, 43.292273], [126.341885, 43.296679], [126.329533, 43.295609], [126.31816, 43.298126], [126.313352, 43.310732], [126.314651, 43.318134], [126.306651, 43.319917], [126.298629, 43.325788], [126.290812, 43.327884], [126.294436, 43.334866], [126.294299, 43.341029], [126.303028, 43.341951], [126.312827, 43.352053], [126.315152, 43.361295], [126.311414, 43.365968], [126.303711, 43.370389], [126.296031, 43.372735], [126.281468, 43.373301], [126.263669, 43.381639], [126.264284, 43.386812], [126.261026, 43.391944], [126.251659, 43.394499], [126.244389, 43.392865], [126.237985, 43.40074], [126.24432, 43.401619], [126.247283, 43.407105], [126.236367, 43.410309], [126.225017, 43.408592], [126.227, 43.412654], [126.207036, 43.409765], [126.201954, 43.409786], [126.187391, 43.416192], [126.192268, 43.409848], [126.188986, 43.409304], [126.187664, 43.405326], [126.177317, 43.40275], [126.176884, 43.395421], [126.17146, 43.392007], [126.163552, 43.396803], [126.160316, 43.395881], [126.155621, 43.398771], [126.154163, 43.402624], [126.146095, 43.403127], [126.136159, 43.409032], [126.138552, 43.418139], [126.135862, 43.424566], [126.130871, 43.425885], [126.130438, 43.43141], [126.133948, 43.435931], [126.132854, 43.439217], [126.138324, 43.448132], [126.137025, 43.45422], [126.126883, 43.456438], [126.123647, 43.454806], [126.111796, 43.456396], [126.103067, 43.451563], [126.092174, 43.454095], [126.086932, 43.446897], [126.085884, 43.442314], [126.078614, 43.443926], [126.07344, 43.440222], [126.0656, 43.447441], [126.050513, 43.440849], [126.044406, 43.445851], [126.046388, 43.450349], [126.044656, 43.452818], [126.034765, 43.45309], [126.034013, 43.448822], [126.025695, 43.450182], [126.018539, 43.447002], [126.017308, 43.442398], [126.011725, 43.434592], [126.004865, 43.43185], [125.990439, 43.428878], [125.989937, 43.425319], [125.98367, 43.421028], [125.975876, 43.420463], [125.976172, 43.413994], [125.982895, 43.413261], [125.981961, 43.409639], [125.985334, 43.409304], [125.986382, 43.403881], [125.993082, 43.398876], [125.992581, 43.393766], [125.996546, 43.391693], [125.996341, 43.385702], [126.000238, 43.380382], [125.998757, 43.376883], [126.001629, 43.374265], [126.006779, 43.375019], [126.015348, 43.369509], [126.015234, 43.366094], [126.020567, 43.361609], [126.018357, 43.358152], [126.018903, 43.353059], [126.011223, 43.348239], [126.007531, 43.349308], [126.006027, 43.345032], [125.981186, 43.337905], [125.979112, 43.336396], [125.969517, 43.342496], [125.963774, 43.34149], [125.957849, 43.336962], [125.95974, 43.333377], [125.956641, 43.327947], [125.949348, 43.323335], [125.939457, 43.32216], [125.92984, 43.318071], [125.925601, 43.320084], [125.913887, 43.317023], [125.915117, 43.310249], [125.900668, 43.307523], [125.893968, 43.302762], [125.885057, 43.300287], [125.87234, 43.298231], [125.862723, 43.298504], [125.857185, 43.29498], [125.844764, 43.294749], [125.840024, 43.298881], [125.832275, 43.300517], [125.828492, 43.305593], [125.823592, 43.307523], [125.815844, 43.315765], [125.810898, 43.314989], [125.800665, 43.310312], [125.788564, 43.301482], [125.781772, 43.292756], [125.773636, 43.289294], [125.757114, 43.28407], [125.751006, 43.280818], [125.742346, 43.279328], [125.739087, 43.27702], [125.728763, 43.274502], [125.718758, 43.274754], [125.716844, 43.267283], [125.701506, 43.264198], [125.696401, 43.261658], [125.684778, 43.252359], [125.680197, 43.247678], [125.67254, 43.243752], [125.668642, 43.238419], [125.664198, 43.236571], [125.659299, 43.231868], [125.659891, 43.226639], [125.647858, 43.222774], [125.645807, 43.217713], [125.655242, 43.200214], [125.66691, 43.199583], [125.668027, 43.19494], [125.671172, 43.192355], [125.67418, 43.186324], [125.677804, 43.186577], [125.681792, 43.17735], [125.680311, 43.170498], [125.688743, 43.159503], [125.691273, 43.153953], [125.692504, 43.146761], [125.698725, 43.150525], [125.701665, 43.143039], [125.706816, 43.136688], [125.706542, 43.131156], [125.713402, 43.125582], [125.725299, 43.123373], [125.730905, 43.126297], [125.742004, 43.127012], [125.743667, 43.129431], [125.749821, 43.128885], [125.753536, 43.130609], [125.760555, 43.129137], [125.762173, 43.123268], [125.767164, 43.118114], [125.769329, 43.113086], [125.776303, 43.109382], [125.776212, 43.102859], [125.786718, 43.102123], [125.790228, 43.099197], [125.788404, 43.097367], [125.772064, 43.09019], [125.74973, 43.08318], [125.744989, 43.083833], [125.74287, 43.088737], [125.732728, 43.091095], [125.72776, 43.086359], [125.735759, 43.076233], [125.739315, 43.075812], [125.738836, 43.072486], [125.733457, 43.0648], [125.723316, 43.062884], [125.703967, 43.05604], [125.697107, 43.06002], [125.687854, 43.059325], [125.680037, 43.060084], [125.673861, 43.063853], [125.6647, 43.076002], [125.657908, 43.077854], [125.662261, 43.072865], [125.66176, 43.063916], [125.659868, 43.058378], [125.665725, 43.054966], [125.675388, 43.043761], [125.684527, 43.041318], [125.693643, 43.036578], [125.707705, 43.033376], [125.711875, 43.028614], [125.720991, 43.025981], [125.726187, 43.022925], [125.72776, 43.015508], [125.726985, 43.010935], [125.732455, 43.009417], [125.736808, 43.006151], [125.742095, 43.012136], [125.753353, 43.01378], [125.772269, 43.020102], [125.783003, 43.015445], [125.78943, 43.014496], [125.809668, 43.005834], [125.805269, 43.004212], [125.812425, 43.002062], [125.814066, 42.998815], [125.821496, 42.997993], [125.826236, 42.992259], [125.826441, 42.988043], [125.831683, 42.982287], [125.831387, 42.975792], [125.83444, 42.966766], [125.842531, 42.96529], [125.850507, 42.958688], [125.861447, 42.960608], [125.865139, 42.959469], [125.865161, 42.955524], [125.85682, 42.954153], [125.851761, 42.955419], [125.849687, 42.953288], [125.858302, 42.948837], [125.865458, 42.947571], [125.857869, 42.9439], [125.850485, 42.937697], [125.845653, 42.931894], [125.84563, 42.928159], [125.839545, 42.925521], [125.845539, 42.923917], [125.858507, 42.923917], [125.865253, 42.920435], [125.887678, 42.913427], [125.892327, 42.913955], [125.90689, 42.905257], [125.903221, 42.900444], [125.904087, 42.891428], [125.902378, 42.88108], [125.903677, 42.876075], [125.911881, 42.876412], [125.913773, 42.867731], [125.912542, 42.860358], [125.915003, 42.860274], [125.918012, 42.854442], [125.929977, 42.842651], [125.928655, 42.840707], [125.933235, 42.838551], [125.936882, 42.832401], [125.935765, 42.829653], [125.940939, 42.830435], [125.950624, 42.824834], [125.951376, 42.822868], [125.961905, 42.818344], [125.970771, 42.816716], [125.972298, 42.814475], [125.980593, 42.813122], [125.994267, 42.816209], [125.994336, 42.814221], [126.007349, 42.799843], [126.008488, 42.796121], [126.018015, 42.79703], [126.018835, 42.793625], [126.028954, 42.788528], [126.034036, 42.789712], [126.041192, 42.787808], [126.046571, 42.788803], [126.05498, 42.787787], [126.055801, 42.785228], [126.061042, 42.783409], [126.067697, 42.78802], [126.073782, 42.788168], [126.078249, 42.785609], [126.089895, 42.789226], [126.094111, 42.788316], [126.099079, 42.783091], [126.105187, 42.78307], [126.107625, 42.785313], [126.117266, 42.784889], [126.125561, 42.786857], [126.132056, 42.785757], [126.135817, 42.787449], [126.138232, 42.791827], [126.14115, 42.79041], [126.149058, 42.792144], [126.152567, 42.788358], [126.163871, 42.788549], [126.166538, 42.785059], [126.173079, 42.783726], [126.179255, 42.787597], [126.191379, 42.787491], [126.194843, 42.790643], [126.198672, 42.78857], [126.203936, 42.788633], [126.212164, 42.786095], [126.217702, 42.785989], [126.220801, 42.780299], [126.219525, 42.778691], [126.227114, 42.773868], [126.236298, 42.774037], [126.242999, 42.775899], [126.244366, 42.781822], [126.248149, 42.783282], [126.261048, 42.78417], [126.266472, 42.788083], [126.270142, 42.794471], [126.278825, 42.797707], [126.287553, 42.796269], [126.299609, 42.800139], [126.306469, 42.811726], [126.312098, 42.814982], [126.325909, 42.815194], [126.344665, 42.805552], [126.355035, 42.80422], [126.359524, 42.80644], [126.366042, 42.813819], [126.373221, 42.816293], [126.384001, 42.815405], [126.389926, 42.812107], [126.394325, 42.806123], [126.396057, 42.79813], [126.39551, 42.793815], [126.389949, 42.787385], [126.391089, 42.78343], [126.387328, 42.779897], [126.392251, 42.764834], [126.398154, 42.761004], [126.391727, 42.755502], [126.392274, 42.751248], [126.400387, 42.737807], [126.398997, 42.734801], [126.390086, 42.731816], [126.388582, 42.723877], [126.389083, 42.718943], [126.385323, 42.717291], [126.383796, 42.707889], [126.387944, 42.701619], [126.387989, 42.697531], [126.393937, 42.697743], [126.404284, 42.693337], [126.405013, 42.688676], [126.408705, 42.684969], [126.413263, 42.684291], [126.422288, 42.679036], [126.431427, 42.678782], [126.436281, 42.674735], [126.438059, 42.67607], [126.447904, 42.676197], [126.451482, 42.678528], [126.460074, 42.678422], [126.465772, 42.682087], [126.484642, 42.68463], [126.488357, 42.680265], [126.492391, 42.679905], [126.507136, 42.685753], [126.512924, 42.681706], [126.52473, 42.678146], [126.527761, 42.678655], [126.532159, 42.672277], [126.542392, 42.668526], [126.56345, 42.670857], [126.566937, 42.677998], [126.56737, 42.686049], [126.570424, 42.686198], [126.572019, 42.69071], [126.584736, 42.697192], [126.596678, 42.696557], [126.601692, 42.698887], [126.602877, 42.703907], [126.609919, 42.705919], [126.619035, 42.712654], [126.624026, 42.714411], [126.628675, 42.713543], [126.635239, 42.718202], [126.637404, 42.722204], [126.642122, 42.723665], [126.649483, 42.730842]]]] + } + }, { + "type": "Feature", + "properties": { + "adcode": 220300, + "name": "四平市", + "center": [124.370785, 43.170344], + "centroid": [124.388756, 43.487587], + "childrenNum": 5, + "level": "city", + "parent": {"adcode": 220000}, + "subFeatureIndex": 2, + "acroutes": [100000, 220000] + }, + "geometry": { + "type": "MultiPolygon", + "coordinates": [[[[124.015711, 44.004508], [123.951741, 43.998616], [123.901321, 44.000454], [123.872675, 43.9984], [123.857578, 43.999859], [123.818577, 43.986236], [123.76864, 44.003643], [123.766221, 44.016614], [123.773576, 44.022882], [123.756736, 44.040926], [123.745607, 44.042601], [123.732639, 44.039522], [123.721219, 44.050702], [123.718703, 44.062907], [123.695574, 44.083422], [123.699445, 44.090223], [123.687928, 44.098588], [123.683186, 44.109865], [123.66354, 44.107815], [123.660444, 44.092544], [123.652411, 44.089467], [123.641862, 44.079374], [123.635669, 44.078132], [123.6107, 44.081425], [123.589893, 44.088334], [123.571796, 44.087956], [123.55186, 44.081425], [123.547989, 44.077916], [123.503085, 44.080399], [123.478503, 44.083638], [123.449664, 44.07689], [123.437083, 44.077862], [123.424986, 44.075217], [123.409502, 44.076998], [123.400114, 44.07187], [123.399243, 44.066633], [123.358694, 44.075001], [123.328499, 44.070952], [123.332854, 44.066957], [123.331209, 44.055671], [123.320757, 44.052053], [123.326274, 44.045679], [123.332371, 44.028339], [123.365759, 44.013966], [123.369823, 44.004724], [123.400888, 43.979261], [123.381436, 43.974827], [123.374952, 43.965903], [123.382501, 43.95211], [123.397017, 43.954761], [123.404469, 43.939179], [123.412405, 43.938097], [123.415115, 43.928789], [123.428276, 43.927382], [123.429341, 43.917586], [123.439986, 43.89788], [123.438438, 43.894793], [123.444051, 43.877246], [123.453148, 43.878221], [123.463697, 43.864624], [123.461955, 43.859043], [123.468245, 43.853083], [123.466503, 43.839101], [123.462729, 43.836228], [123.462051, 43.822622], [123.467084, 43.816061], [123.473955, 43.816007], [123.474923, 43.804511], [123.482278, 43.794749], [123.492439, 43.792687], [123.496891, 43.785581], [123.498246, 43.771149], [123.490213, 43.770227], [123.485568, 43.763335], [123.485568, 43.745586], [123.482665, 43.737769], [123.490213, 43.729896], [123.49902, 43.730384], [123.509278, 43.716754], [123.520795, 43.70676], [123.518666, 43.701382], [123.525343, 43.69508], [123.518956, 43.681495], [123.527376, 43.669321], [123.529118, 43.6597], [123.537247, 43.649696], [123.533956, 43.645509], [123.535989, 43.631696], [123.511601, 43.626039], [123.513149, 43.614996], [123.507053, 43.611569], [123.51373, 43.604006], [123.51044, 43.592251], [123.496988, 43.59002], [123.473955, 43.590238], [123.46718, 43.585394], [123.458567, 43.593993], [123.441148, 43.598183], [123.429147, 43.603843], [123.426244, 43.610807], [123.421115, 43.598238], [123.433986, 43.575595], [123.446664, 43.58093], [123.46089, 43.568572], [123.455954, 43.547988], [123.45247, 43.545701], [123.403211, 43.558826], [123.356662, 43.567701], [123.3405, 43.560841], [123.304499, 43.550711], [123.306144, 43.535406], [123.329854, 43.519061], [123.325499, 43.5062], [123.316015, 43.492028], [123.335371, 43.480851], [123.3645, 43.483359], [123.375823, 43.476543], [123.389469, 43.457783], [123.389469, 43.449382], [123.395469, 43.441799], [123.413953, 43.42592], [123.419857, 43.410091], [123.442696, 43.420571], [123.442019, 43.437652], [123.48702, 43.445509], [123.500665, 43.426083], [123.519633, 43.402448], [123.52515, 43.398572], [123.532505, 43.40152], [123.545086, 43.415058], [123.555925, 43.406433], [123.584087, 43.377274], [123.608571, 43.366295], [123.703703, 43.370665], [123.704961, 43.377329], [123.698574, 43.382517], [123.708929, 43.383774], [123.700219, 43.389289], [123.705638, 43.396988], [123.703025, 43.402612], [123.709896, 43.416696], [123.734381, 43.427229], [123.749188, 43.439234], [123.743091, 43.441962], [123.751994, 43.454728], [123.753252, 43.464546], [123.746285, 43.471199], [123.77135, 43.484013], [123.773963, 43.480306], [123.787028, 43.479815], [123.797866, 43.489574], [123.804544, 43.482432], [123.825932, 43.471527], [123.83348, 43.473544], [123.845771, 43.467491], [123.849255, 43.470109], [123.861158, 43.461764], [123.857578, 43.459146], [123.872288, 43.451346], [123.855642, 43.436779], [123.854868, 43.423682], [123.849739, 43.415659], [123.853029, 43.405615], [123.863675, 43.400919], [123.865901, 43.395623], [123.892321, 43.390108], [123.901418, 43.379186], [123.896482, 43.361051], [123.911579, 43.35821], [123.922999, 43.36045], [123.946806, 43.350779], [123.964226, 43.340833], [123.969355, 43.333072], [123.993259, 43.308143], [124.001388, 43.304315], [124.033615, 43.281125], [124.043776, 43.288017], [124.066035, 43.292666], [124.098261, 43.29294], [124.102713, 43.287689], [124.098648, 43.281125], [124.111423, 43.281179], [124.11723, 43.277295], [124.11181, 43.269143], [124.117133, 43.263781], [124.114423, 43.247308], [124.127198, 43.247253], [124.132907, 43.255299], [124.151295, 43.249005], [124.157005, 43.251632], [124.168328, 43.244078], [124.172489, 43.249552], [124.178393, 43.242217], [124.190102, 43.246487], [124.200167, 43.24583], [124.20578, 43.252398], [124.216523, 43.25612], [124.217103, 43.24583], [124.223103, 43.246432], [124.229781, 43.234827], [124.243426, 43.233404], [124.253201, 43.237345], [124.268395, 43.230666], [124.276331, 43.233404], [124.282911, 43.220591], [124.280685, 43.216265], [124.287653, 43.2069], [124.277589, 43.196164], [124.282137, 43.188987], [124.273814, 43.178741], [124.283976, 43.166027], [124.300525, 43.158518], [124.292492, 43.154297], [124.303041, 43.148869], [124.308944, 43.155064], [124.32859, 43.143551], [124.34059, 43.128636], [124.365849, 43.121397], [124.396818, 43.09254], [124.420431, 43.081619], [124.425947, 43.076295], [124.369817, 43.025502], [124.34059, 43.004843], [124.333429, 42.997369], [124.347655, 42.988355], [124.360817, 42.975876], [124.38443, 42.970708], [124.402334, 42.970983], [124.415205, 42.976701], [124.423141, 42.975492], [124.428754, 42.967299], [124.442303, 42.958666], [124.442109, 42.941395], [124.431947, 42.930833], [124.414818, 42.926431], [124.41356, 42.921974], [124.398463, 42.919773], [124.388495, 42.910142], [124.381043, 42.912839], [124.366333, 42.902491], [124.371752, 42.880966], [124.415495, 42.879259], [124.426818, 42.874523], [124.43456, 42.880855], [124.440851, 42.87634], [124.437561, 42.868079], [124.446658, 42.86516], [124.45469, 42.852491], [124.451787, 42.826649], [124.465916, 42.822681], [124.472594, 42.827531], [124.466303, 42.846101], [124.480142, 42.858551], [124.50153, 42.865105], [124.514692, 42.873642], [124.53124, 42.872045], [124.538499, 42.867088], [124.541789, 42.883939], [124.553499, 42.88994], [124.563177, 42.889004], [124.578371, 42.899794], [124.602758, 42.922139], [124.602662, 42.931273], [124.608178, 42.937765], [124.622694, 42.941945], [124.622985, 42.949041], [124.632082, 42.949866], [124.63934, 42.956356], [124.63363, 42.958391], [124.635275, 42.973017], [124.644276, 42.976426], [124.659373, 42.972908], [124.660728, 42.984123], [124.671179, 42.990114], [124.67776, 43.0027], [124.678244, 43.01336], [124.674373, 43.026546], [124.68618, 43.050437], [124.695083, 43.057246], [124.718213, 43.069873], [124.738633, 43.068171], [124.754891, 43.073825], [124.758569, 43.086284], [124.778215, 43.098246], [124.785376, 43.106531], [124.786537, 43.117777], [124.801151, 43.122878], [124.807925, 43.117502], [124.819538, 43.119861], [124.822635, 43.124413], [124.841894, 43.126991], [124.858346, 43.119532], [124.873346, 43.125949], [124.881282, 43.133352], [124.891346, 43.132914], [124.903056, 43.143771], [124.911573, 43.144812], [124.933251, 43.156818], [124.950574, 43.168767], [124.968671, 43.176659], [124.965381, 43.187398], [124.977865, 43.195999], [124.997027, 43.198793], [125.003995, 43.196054], [125.018511, 43.203997], [125.024608, 43.214294], [125.043383, 43.222289], [125.053351, 43.220153], [125.061286, 43.213801], [125.125353, 43.221139], [125.136869, 43.22426], [125.151385, 43.223493], [125.155837, 43.227436], [125.178289, 43.226888], [125.200548, 43.228969], [125.206935, 43.223603], [125.209935, 43.21276], [125.219323, 43.205366], [125.249807, 43.174247], [125.268485, 43.160436], [125.270034, 43.155064], [125.315422, 43.134559], [125.338939, 43.128033], [125.365939, 43.110865], [125.381617, 43.105214], [125.388392, 43.107738], [125.39023, 43.120848], [125.403682, 43.135875], [125.400005, 43.148266], [125.378424, 43.151117], [125.369617, 43.149966], [125.357423, 43.160381], [125.361391, 43.175069], [125.370294, 43.182741], [125.374649, 43.204709], [125.367875, 43.210296], [125.367198, 43.218784], [125.374553, 43.224753], [125.391005, 43.218784], [125.409683, 43.219934], [125.411812, 43.226505], [125.423328, 43.234006], [125.435038, 43.230447], [125.43949, 43.222946], [125.448587, 43.223931], [125.465619, 43.203778], [125.480233, 43.201477], [125.491652, 43.181481], [125.480136, 43.163177], [125.480136, 43.148705], [125.484394, 43.142235], [125.484394, 43.129075], [125.48991, 43.125071], [125.495814, 43.100331], [125.523976, 43.096106], [125.534621, 43.098027], [125.555041, 43.093637], [125.582429, 43.072892], [125.610785, 43.067183], [125.633624, 43.070476], [125.65985, 43.058399], [125.664689, 43.07602], [125.67998, 43.060101], [125.697109, 43.060046], [125.70398, 43.056038], [125.733401, 43.064822], [125.73882, 43.072507], [125.728465, 43.084418], [125.732723, 43.091113], [125.749756, 43.083156], [125.787596, 43.096875], [125.786725, 43.102142], [125.776176, 43.102855], [125.776273, 43.109384], [125.769305, 43.113059], [125.760595, 43.12913], [125.75353, 43.13061], [125.725271, 43.123371], [125.713368, 43.125565], [125.698755, 43.150514], [125.692464, 43.146786], [125.688787, 43.159504], [125.680754, 43.16948], [125.683464, 43.178577], [125.674173, 43.186302], [125.666528, 43.199834], [125.655205, 43.200217], [125.645721, 43.217251], [125.64785, 43.222782], [125.660141, 43.226888], [125.65927, 43.231871], [125.69798, 43.262741], [125.685399, 43.268596], [125.682786, 43.275545], [125.673689, 43.280742], [125.65356, 43.286103], [125.628785, 43.296987], [125.621914, 43.305956], [125.599655, 43.313501], [125.576913, 43.329847], [125.569945, 43.338647], [125.55417, 43.345533], [125.541589, 43.361433], [125.547686, 43.367333], [125.578364, 43.378749], [125.582622, 43.405342], [125.576622, 43.4096], [125.559686, 43.407853], [125.551073, 43.404141], [125.546525, 43.411565], [125.529686, 43.412384], [125.515169, 43.409491], [125.507233, 43.41817], [125.495233, 43.421936], [125.499491, 43.428375], [125.514492, 43.435469], [125.51275, 43.443545], [125.50462, 43.445181], [125.502491, 43.452928], [125.488846, 43.456637], [125.489717, 43.466128], [125.495814, 43.473653], [125.479942, 43.482923], [125.476555, 43.491973], [125.467265, 43.493881], [125.459039, 43.50064], [125.463103, 43.503529], [125.458748, 43.522766], [125.447909, 43.530339], [125.4572, 43.545156], [125.456329, 43.556756], [125.45991, 43.560514], [125.453038, 43.57614], [125.453038, 43.599762], [125.446167, 43.601448], [125.426328, 43.587027], [125.40465, 43.586754], [125.400779, 43.581638], [125.386553, 43.579678], [125.39536, 43.56438], [125.394198, 43.554578], [125.374359, 43.552509], [125.379004, 43.540254], [125.387327, 43.543413], [125.392166, 43.53753], [125.389553, 43.530012], [125.370875, 43.525981], [125.361681, 43.51541], [125.368456, 43.504456], [125.378327, 43.49786], [125.377843, 43.489356], [125.385101, 43.485104], [125.380456, 43.473599], [125.358681, 43.480251], [125.334681, 43.469236], [125.334197, 43.46471], [125.323938, 43.462092], [125.318132, 43.453637], [125.306035, 43.453855], [125.302938, 43.445727], [125.292196, 43.452055], [125.277098, 43.441471], [125.27526, 43.448127], [125.265292, 43.443981], [125.261614, 43.449437], [125.256098, 43.44529], [125.247678, 43.452328], [125.248646, 43.460237], [125.241968, 43.4676], [125.241291, 43.480088], [125.248259, 43.487176], [125.274389, 43.496062], [125.268001, 43.509742], [125.273421, 43.514593], [125.263646, 43.514919], [125.266163, 43.521894], [125.258808, 43.533554], [125.27284, 43.536986], [125.275937, 43.532954], [125.289292, 43.536822], [125.281744, 43.543086], [125.277582, 43.563944], [125.28455, 43.567973], [125.281937, 43.577936], [125.276808, 43.578045], [125.297325, 43.591762], [125.289873, 43.598891], [125.299938, 43.601884], [125.308938, 43.611134], [125.30226, 43.615214], [125.296647, 43.636101], [125.290067, 43.638712], [125.290067, 43.649805], [125.254066, 43.645781], [125.235194, 43.642247], [125.223387, 43.637135], [125.199967, 43.632947], [125.152644, 43.621035], [125.130772, 43.613636], [125.108223, 43.611079], [125.082093, 43.603081], [125.053544, 43.591707], [125.034092, 43.580059], [125.015511, 43.558227], [125.010479, 43.549241], [125.003124, 43.554524], [124.995672, 43.552019], [125.00593, 43.541017], [124.989478, 43.523747], [124.986768, 43.518189], [124.953477, 43.5062], [124.931702, 43.502276], [124.916799, 43.49737], [124.893669, 43.481178], [124.897637, 43.470654], [124.91496, 43.460619], [124.911476, 43.450146], [124.916121, 43.439725], [124.910895, 43.431159], [124.895508, 43.421444], [124.88525, 43.4239], [124.871604, 43.420626], [124.860378, 43.406706], [124.868507, 43.404414], [124.870539, 43.393548], [124.882056, 43.382845], [124.880508, 43.374653], [124.885927, 43.369245], [124.883798, 43.358974], [124.919218, 43.348047], [124.917573, 43.332853], [124.92667, 43.332799], [124.931702, 43.323889], [124.928702, 43.317985], [124.892314, 43.293104], [124.871314, 43.289658], [124.863088, 43.285446], [124.867152, 43.2727], [124.86483, 43.26586], [124.849152, 43.245939], [124.846539, 43.237017], [124.837248, 43.232363], [124.835506, 43.221632], [124.829409, 43.212267], [124.844023, 43.187946], [124.85883, 43.176933], [124.854378, 43.169425], [124.840539, 43.161642], [124.799312, 43.195671], [124.784311, 43.201313], [124.779473, 43.211172], [124.784021, 43.219606], [124.775989, 43.228859], [124.801344, 43.242984], [124.783924, 43.257707], [124.774827, 43.272864], [124.760021, 43.280742], [124.756149, 43.296167], [124.767956, 43.307487], [124.766311, 43.314157], [124.775021, 43.326021], [124.76844, 43.344658], [124.761569, 43.348757], [124.76273, 43.356407], [124.757311, 43.366841], [124.757601, 43.383227], [124.743375, 43.389944], [124.735246, 43.40223], [124.730697, 43.422809], [124.717245, 43.43285], [124.703406, 43.456364], [124.682406, 43.497533], [124.677567, 43.516336], [124.686857, 43.528977], [124.689761, 43.545374], [124.694503, 43.552563], [124.693825, 43.576412], [124.680857, 43.592415], [124.67776, 43.617336], [124.681535, 43.627998], [124.666147, 43.659863], [124.626759, 43.681604], [124.598984, 43.690624], [124.573725, 43.723542], [124.559306, 43.727507], [124.550015, 43.735325], [124.550692, 43.740646], [124.524272, 43.755248], [124.517401, 43.751123], [124.496304, 43.7483], [124.470271, 43.756931], [124.465819, 43.760838], [124.430496, 43.75628], [124.398366, 43.762358], [124.362268, 43.771203], [124.305751, 43.763498], [124.251072, 43.759265], [124.222523, 43.758722], [124.212264, 43.754597], [124.212071, 43.743523], [124.203554, 43.740918], [124.206555, 43.734294], [124.199393, 43.729787], [124.194167, 43.716537], [124.187683, 43.711268], [124.176941, 43.711594], [124.172779, 43.707194], [124.151101, 43.708335], [124.147134, 43.703555], [124.13223, 43.703718], [124.126617, 43.709476], [124.116649, 43.704261], [124.105036, 43.705021], [124.084809, 43.715885], [124.076583, 43.717731], [124.081035, 43.724791], [124.083261, 43.741026], [124.078519, 43.748843], [124.070777, 43.751937], [124.063228, 43.771149], [124.051421, 43.768219], [124.050841, 43.772343], [124.040195, 43.769521], [124.048905, 43.781133], [124.043099, 43.784225], [124.04755, 43.790897], [124.03855, 43.793989], [124.041647, 43.803047], [124.051131, 43.799901], [124.057228, 43.810476], [124.072519, 43.812103], [124.074358, 43.820074], [124.065841, 43.834169], [124.067099, 43.84154], [124.060518, 43.849669], [124.06439, 43.852216], [124.077648, 43.843599], [124.085293, 43.862836], [124.076777, 43.871612], [124.078422, 43.880062], [124.064486, 43.892031], [124.063809, 43.8975], [124.040389, 43.927166], [124.028872, 43.949946], [124.018808, 43.981694], [124.021227, 43.995589], [124.016679, 43.99348], [124.015711, 44.004508]]]] + } + }, { + "type": "Feature", + "properties": { + "adcode": 220400, + "name": "辽源市", + "center": [125.145349, 42.902692], + "centroid": [125.311392, 42.814462], + "childrenNum": 4, + "level": "city", + "parent": {"adcode": 220000}, + "subFeatureIndex": 3, + "acroutes": [100000, 220000] + }, + "geometry": { + "type": "MultiPolygon", + "coordinates": [[[[124.891346, 43.132914], [124.895024, 43.131159], [124.893766, 43.117941], [124.881862, 43.110865], [124.879346, 43.100276], [124.883411, 43.094735], [124.887475, 43.07377], [124.877314, 43.068006], [124.869281, 43.054994], [124.858249, 43.050986], [124.857475, 43.040058], [124.861733, 43.034071], [124.84441, 43.03517], [124.840829, 43.02671], [124.856023, 43.01391], [124.861926, 43.002535], [124.860571, 42.992423], [124.869572, 42.98808], [124.868701, 42.972908], [124.874701, 42.969169], [124.867539, 42.96169], [124.869572, 42.954871], [124.864926, 42.939415], [124.869088, 42.937324], [124.866668, 42.918562], [124.861926, 42.917131], [124.859023, 42.904033], [124.850797, 42.892142], [124.856507, 42.886251], [124.849249, 42.881571], [124.850797, 42.871549], [124.856604, 42.866647], [124.854475, 42.860258], [124.859604, 42.83205], [124.857088, 42.823839], [124.867249, 42.807467], [124.873927, 42.790155], [124.887766, 42.790816], [124.897734, 42.788004], [124.906734, 42.793573], [124.91496, 42.803884], [124.915928, 42.817776], [124.930057, 42.81954], [124.949606, 42.80631], [124.955606, 42.807357], [124.975058, 42.802671], [124.9798, 42.781717], [124.987543, 42.780559], [124.992672, 42.765831], [124.9828, 42.760811], [124.97951, 42.753252], [124.988414, 42.751707], [124.996446, 42.745306], [124.986091, 42.726982], [124.978929, 42.72908], [124.96809, 42.722621], [124.977187, 42.716493], [124.978736, 42.709813], [124.989091, 42.697056], [124.985897, 42.686673], [124.96509, 42.678], [124.974187, 42.673028], [124.984639, 42.677006], [124.996446, 42.675238], [124.996156, 42.670321], [125.01435, 42.666122], [125.012801, 42.660209], [125.019672, 42.653633], [125.011059, 42.63202], [125.028576, 42.623008], [125.028769, 42.6177], [125.038447, 42.615433], [125.055093, 42.624059], [125.064093, 42.620741], [125.072222, 42.625165], [125.086255, 42.625773], [125.097384, 42.622068], [125.09961, 42.613221], [125.089932, 42.607469], [125.095545, 42.599781], [125.081609, 42.588772], [125.086739, 42.586006], [125.089642, 42.568078], [125.0819, 42.563595], [125.075803, 42.548539], [125.076964, 42.539681], [125.067093, 42.536027], [125.090707, 42.515537], [125.081126, 42.513321], [125.069125, 42.499638], [125.085287, 42.500857], [125.105029, 42.490829], [125.107642, 42.479524], [125.136482, 42.471266], [125.149644, 42.459403], [125.149256, 42.451919], [125.140063, 42.445986], [125.159708, 42.437945], [125.180902, 42.432788], [125.186128, 42.427851], [125.186612, 42.415148], [125.197548, 42.407825], [125.192709, 42.396339], [125.185935, 42.3914], [125.186322, 42.38152], [125.19929, 42.377468], [125.203451, 42.366865], [125.19329, 42.360091], [125.185935, 42.36109], [125.167547, 42.351984], [125.177128, 42.346041], [125.176451, 42.337877], [125.181967, 42.328322], [125.173838, 42.319655], [125.175386, 42.30832], [125.18187, 42.308264], [125.212742, 42.300483], [125.242162, 42.312654], [125.253872, 42.307708], [125.262872, 42.313098], [125.285615, 42.315099], [125.298002, 42.325155], [125.316487, 42.328044], [125.335358, 42.340487], [125.342713, 42.358758], [125.364972, 42.365088], [125.406392, 42.384462], [125.411908, 42.381243], [125.43949, 42.38202], [125.450135, 42.386072], [125.453232, 42.392066], [125.479265, 42.39928], [125.517589, 42.420696], [125.544589, 42.432122], [125.56288, 42.435061], [125.573816, 42.451752], [125.576913, 42.470989], [125.584171, 42.482905], [125.585816, 42.507616], [125.600139, 42.518195], [125.616494, 42.518528], [125.614075, 42.524509], [125.623656, 42.526392], [125.634495, 42.538519], [125.634495, 42.547543], [125.647076, 42.551584], [125.665657, 42.540124], [125.676496, 42.552027], [125.675528, 42.557452], [125.689851, 42.571454], [125.701368, 42.573667], [125.708723, 42.59436], [125.727594, 42.605146], [125.701561, 42.609571], [125.701948, 42.603708], [125.682786, 42.606639], [125.68027, 42.610787], [125.688012, 42.619027], [125.680754, 42.622289], [125.676012, 42.633734], [125.664979, 42.640699], [125.66585, 42.648051], [125.657721, 42.65192], [125.662173, 42.65612], [125.65927, 42.675956], [125.663915, 42.684961], [125.658786, 42.691865], [125.66856, 42.70418], [125.674754, 42.705837], [125.673883, 42.716107], [125.661496, 42.718426], [125.644269, 42.732944], [125.64756, 42.73896], [125.657237, 42.73918], [125.66827, 42.732999], [125.686367, 42.734268], [125.707271, 42.742161], [125.716852, 42.738739], [125.731368, 42.743761], [125.756433, 42.742437], [125.768627, 42.748341], [125.783918, 42.747127], [125.795628, 42.753197], [125.81208, 42.748065], [125.811499, 42.7527], [125.819919, 42.762521], [125.82979, 42.75728], [125.84421, 42.766217], [125.835984, 42.7687], [125.810919, 42.790486], [125.790112, 42.800852], [125.787015, 42.80631], [125.758853, 42.820201], [125.75353, 42.82924], [125.757304, 42.839654], [125.741627, 42.847037], [125.742401, 42.855411], [125.73611, 42.874247], [125.735239, 42.886031], [125.741046, 42.893904], [125.737659, 42.897207], [125.743852, 42.909372], [125.740756, 42.916581], [125.745401, 42.933749], [125.755466, 42.936279], [125.759821, 42.943761], [125.754401, 42.952286], [125.758272, 42.957236], [125.748982, 42.967354], [125.751595, 42.972303], [125.736594, 42.991049], [125.736788, 43.006162], [125.727013, 43.010943], [125.726239, 43.02292], [125.707755, 43.033357], [125.693625, 43.036598], [125.67456, 43.044506], [125.65985, 43.058399], [125.633624, 43.070476], [125.610785, 43.067183], [125.582429, 43.072892], [125.555041, 43.093637], [125.534621, 43.098027], [125.523976, 43.096106], [125.495814, 43.100331], [125.48991, 43.125071], [125.484394, 43.129075], [125.484394, 43.142235], [125.480136, 43.148705], [125.480136, 43.163177], [125.491652, 43.181481], [125.480233, 43.201477], [125.465619, 43.203778], [125.448587, 43.223931], [125.43949, 43.222946], [125.435038, 43.230447], [125.423328, 43.234006], [125.411812, 43.226505], [125.409683, 43.219934], [125.391005, 43.218784], [125.374553, 43.224753], [125.367198, 43.218784], [125.367875, 43.210296], [125.374649, 43.204709], [125.370294, 43.182741], [125.361391, 43.175069], [125.357423, 43.160381], [125.369617, 43.149966], [125.378424, 43.151117], [125.400005, 43.148266], [125.403682, 43.135875], [125.39023, 43.120848], [125.388392, 43.107738], [125.381617, 43.105214], [125.365939, 43.110865], [125.338939, 43.128033], [125.315422, 43.134559], [125.270034, 43.155064], [125.268485, 43.160436], [125.249807, 43.174247], [125.219323, 43.205366], [125.209935, 43.21276], [125.206935, 43.223603], [125.200548, 43.228969], [125.178289, 43.226888], [125.155837, 43.227436], [125.151385, 43.223493], [125.136869, 43.22426], [125.125353, 43.221139], [125.061286, 43.213801], [125.053351, 43.220153], [125.043383, 43.222289], [125.024608, 43.214294], [125.018511, 43.203997], [125.003995, 43.196054], [124.997027, 43.198793], [124.977865, 43.195999], [124.965381, 43.187398], [124.968671, 43.176659], [124.950574, 43.168767], [124.933251, 43.156818], [124.911573, 43.144812], [124.903056, 43.143771], [124.891346, 43.132914]]]] + } + }, { + "type": "Feature", + "properties": { + "adcode": 220500, + "name": "通化市", + "center": [125.936501, 41.721177], + "centroid": [125.955377, 41.964388], + "childrenNum": 7, + "level": "city", + "parent": {"adcode": 220000}, + "subFeatureIndex": 4, + "acroutes": [100000, 220000] + }, + "geometry": { + "type": "MultiPolygon", + "coordinates": [[[[125.262872, 42.313098], [125.264905, 42.306875], [125.274969, 42.303429], [125.278647, 42.296704], [125.29926, 42.289478], [125.285034, 42.273022], [125.275937, 42.266738], [125.287066, 42.254726], [125.289002, 42.247439], [125.28397, 42.235256], [125.275647, 42.231362], [125.312615, 42.220066], [125.296647, 42.20849], [125.306712, 42.209881], [125.307583, 42.202311], [125.293067, 42.194128], [125.28426, 42.175698], [125.297131, 42.17464], [125.312906, 42.197357], [125.317551, 42.195241], [125.312035, 42.18522], [125.31039, 42.170797], [125.314261, 42.164392], [125.307873, 42.1591], [125.305938, 42.146287], [125.318712, 42.142053], [125.330616, 42.14183], [125.336423, 42.145674], [125.345132, 42.143167], [125.357713, 42.14612], [125.352778, 42.152861], [125.356939, 42.167177], [125.353842, 42.178872], [125.368843, 42.18277], [125.384327, 42.177257], [125.388876, 42.168792], [125.397876, 42.166508], [125.406586, 42.158655], [125.418489, 42.1547], [125.444716, 42.152193], [125.462039, 42.159435], [125.475007, 42.14573], [125.48991, 42.136258], [125.477329, 42.126171], [125.47762, 42.120988], [125.466297, 42.117253], [125.465232, 42.111958], [125.456135, 42.113519], [125.45478, 42.102927], [125.445296, 42.098466], [125.434941, 42.102536], [125.412102, 42.100697], [125.416167, 42.091273], [125.421876, 42.089489], [125.423812, 42.078224], [125.415489, 42.063721], [125.408521, 42.062159], [125.40165, 42.050051], [125.379585, 42.032305], [125.363326, 42.016842], [125.369907, 42.002828], [125.353068, 41.998528], [125.341745, 42.000203], [125.336035, 41.987247], [125.322874, 41.983337], [125.317551, 41.977136], [125.298293, 41.974119], [125.291905, 41.95881], [125.309228, 41.955346], [125.317261, 41.94523], [125.332455, 41.940647], [125.345713, 41.939697], [125.351617, 41.928181], [125.334487, 41.929691], [125.307583, 41.924492], [125.303809, 41.912078], [125.303906, 41.895692], [125.296357, 41.887301], [125.295583, 41.879916], [125.300906, 41.867719], [125.299164, 41.857141], [125.291712, 41.852104], [125.294712, 41.823272], [125.306228, 41.801149], [125.317745, 41.792858], [125.320261, 41.772013], [125.335358, 41.769772], [125.346391, 41.761981], [125.334971, 41.755815], [125.33381, 41.746957], [125.338552, 41.741687], [125.331293, 41.729463], [125.334584, 41.717405], [125.325584, 41.702707], [125.326067, 41.697209], [125.31697, 41.677288], [125.325293, 41.670216], [125.329939, 41.674145], [125.344261, 41.672517], [125.350746, 41.678747], [125.363423, 41.677568], [125.376101, 41.686211], [125.411812, 41.69143], [125.432231, 41.674706], [125.446361, 41.675772], [125.456329, 41.66202], [125.452264, 41.658315], [125.459039, 41.643379], [125.470749, 41.638718], [125.468136, 41.632765], [125.453716, 41.620464], [125.450038, 41.598721], [125.45449, 41.588886], [125.464071, 41.580455], [125.462523, 41.568369], [125.476846, 41.560048], [125.477233, 41.548127], [125.492523, 41.536653], [125.506362, 41.534572], [125.504524, 41.524784], [125.495523, 41.522252], [125.495136, 41.507398], [125.505879, 41.503346], [125.517879, 41.489163], [125.516427, 41.478636], [125.53346, 41.478692], [125.53917, 41.46974], [125.540912, 41.458703], [125.535492, 41.447101], [125.540234, 41.436455], [125.534331, 41.428849], [125.540041, 41.419947], [125.547009, 41.418876], [125.552718, 41.409408], [125.54846, 41.400841], [125.557848, 41.397798], [125.577977, 41.397741], [125.587461, 41.381336], [125.579816, 41.374795], [125.579235, 41.367408], [125.58959, 41.359456], [125.610397, 41.365039], [125.621043, 41.361148], [125.637205, 41.344451], [125.639237, 41.331418], [125.631301, 41.322164], [125.620075, 41.318326], [125.642237, 41.295973], [125.638656, 41.283947], [125.646592, 41.264689], [125.664883, 41.26853], [125.675431, 41.277622], [125.684625, 41.274177], [125.691593, 41.258023], [125.694496, 41.244521], [125.712787, 41.24842], [125.719465, 41.24373], [125.749562, 41.245482], [125.757982, 41.231864], [125.748885, 41.220108], [125.735239, 41.193255], [125.738239, 41.178608], [125.759821, 41.172782], [125.783144, 41.172047], [125.79108, 41.166277], [125.767272, 41.150266], [125.756821, 41.129554], [125.74782, 41.124799], [125.735239, 41.125931], [125.724787, 41.118346], [125.713561, 41.104984], [125.71269, 41.095641], [125.731368, 41.094509], [125.739207, 41.089582], [125.732433, 41.076214], [125.726433, 41.055252], [125.715497, 41.046695], [125.706303, 41.033489], [125.687819, 41.025326], [125.682883, 41.016936], [125.679109, 40.998053], [125.683948, 40.986312], [125.67398, 40.974399], [125.666431, 40.977973], [125.650366, 40.970711], [125.642818, 40.95522], [125.644463, 40.949999], [125.634011, 40.941485], [125.614462, 40.942053], [125.589397, 40.931097], [125.590461, 40.918436], [125.576913, 40.898957], [125.587461, 40.892084], [125.610881, 40.902535], [125.625398, 40.906908], [125.647173, 40.908271], [125.655399, 40.915937], [125.666141, 40.907987], [125.683173, 40.901172], [125.692851, 40.8918], [125.705626, 40.874244], [125.707755, 40.867596], [125.726626, 40.874585], [125.742014, 40.874642], [125.757208, 40.883051], [125.771627, 40.895889], [125.781692, 40.897025], [125.802983, 40.884471], [125.812758, 40.866346], [125.821758, 40.868505], [125.858533, 40.886801], [125.871307, 40.905829], [125.878082, 40.90918], [125.896663, 40.899581], [125.906437, 40.903444], [125.911179, 40.910599], [125.920083, 40.909293], [125.913115, 40.896798], [125.913115, 40.889982], [125.92347, 40.881801], [125.939729, 40.878847], [125.957632, 40.88129], [125.96702, 40.886801], [125.963923, 40.892481], [125.97331, 40.904125], [125.980955, 40.903727], [125.996827, 40.895776], [126.027505, 40.90191], [126.019763, 40.911905], [126.006795, 40.916732], [125.98831, 40.909066], [125.977665, 40.90935], [125.977859, 40.916789], [125.986568, 40.92593], [126.006698, 40.936206], [126.021989, 40.933822], [126.031473, 40.927293], [126.041151, 40.928429], [126.039602, 40.940918], [126.052861, 40.947842], [126.052086, 40.961803], [126.06099, 40.967477], [126.073184, 40.969463], [126.082281, 40.976158], [126.067764, 40.989886], [126.069119, 41.001115], [126.085765, 41.008601], [126.096991, 41.005482], [126.10841, 41.006673], [126.098539, 41.033036], [126.10541, 41.040744], [126.117023, 41.040064], [126.126604, 41.045732], [126.13454, 41.058878], [126.133863, 41.063808], [126.116249, 41.071456], [126.11383, 41.077177], [126.122056, 41.089921], [126.130088, 41.093489], [126.146444, 41.090601], [126.16425, 41.093093], [126.185638, 41.106966], [126.187864, 41.115968], [126.212639, 41.126893], [126.228994, 41.131308], [126.234317, 41.144551], [126.253769, 41.153208], [126.272447, 41.156773], [126.286479, 41.163109], [126.295189, 41.173121], [126.28977, 41.190936], [126.308835, 41.193311], [126.315029, 41.217791], [126.321029, 41.228812], [126.328674, 41.235254], [126.354417, 41.244634], [126.360417, 41.252544], [126.360514, 41.264237], [126.366901, 41.282592], [126.374449, 41.289876], [126.393611, 41.301957], [126.402515, 41.312231], [126.409386, 41.328033], [126.417322, 41.333957], [126.432225, 41.332377], [126.435999, 41.335255], [126.434354, 41.346087], [126.43958, 41.354887], [126.461549, 41.360753], [126.481097, 41.371243], [126.493678, 41.374682], [126.513614, 41.371525], [126.514679, 41.361543], [126.502195, 41.355677], [126.482936, 41.354097], [126.482839, 41.34778], [126.517582, 41.3484], [126.533163, 41.354549], [126.538873, 41.362727], [126.53626, 41.369438], [126.506066, 41.386748], [126.497356, 41.406703], [126.508679, 41.439778], [126.523776, 41.459998], [126.530066, 41.476947], [126.549228, 41.490119], [126.539744, 41.49406], [126.542744, 41.513812], [126.548648, 41.516063], [126.545164, 41.523096], [126.551841, 41.533953], [126.525324, 41.536034], [126.504614, 41.50177], [126.495614, 41.504415], [126.476162, 41.503627], [126.468516, 41.500813], [126.468129, 41.517807], [126.464645, 41.520002], [126.440548, 41.520058], [126.437161, 41.512743], [126.428451, 41.509761], [126.413354, 41.515219], [126.399321, 41.516795], [126.412676, 41.533559], [126.399611, 41.540984], [126.38045, 41.567469], [126.383837, 41.574047], [126.405031, 41.584839], [126.408031, 41.600406], [126.402128, 41.607767], [126.408225, 41.626531], [126.417709, 41.643885], [126.417128, 41.653318], [126.425451, 41.658483], [126.41587, 41.666623], [126.40387, 41.671058], [126.391869, 41.665556], [126.37745, 41.6655], [126.359933, 41.661458], [126.351997, 41.664771], [126.335158, 41.663704], [126.317642, 41.654553], [126.317158, 41.665949], [126.301383, 41.670833], [126.305157, 41.675828], [126.295867, 41.684976], [126.29606, 41.694291], [126.280963, 41.696031], [126.289383, 41.712805], [126.286286, 41.716788], [126.293931, 41.729407], [126.285899, 41.73737], [126.288318, 41.74264], [126.299157, 41.740678], [126.304964, 41.746565], [126.302738, 41.756544], [126.312996, 41.760916], [126.315029, 41.771509], [126.309028, 41.776216], [126.319771, 41.786751], [126.317351, 41.794539], [126.321222, 41.800981], [126.30777, 41.807422], [126.308835, 41.815712], [126.299641, 41.820752], [126.298673, 41.828647], [126.290351, 41.835366], [126.285996, 41.829935], [126.277963, 41.832175], [126.274382, 41.842588], [126.259479, 41.844212], [126.246317, 41.848746], [126.230155, 41.842588], [126.217671, 41.854175], [126.222994, 41.864809], [126.238769, 41.87393], [126.24293, 41.881483], [126.238962, 41.888028], [126.225704, 41.893958], [126.219026, 41.890658], [126.2078, 41.90548], [126.188348, 41.900502], [126.178283, 41.915545], [126.151476, 41.93338], [126.141314, 41.935728], [126.137347, 41.943442], [126.123024, 41.948751], [126.120798, 41.953558], [126.133476, 41.966074], [126.145185, 41.964175], [126.158541, 41.973784], [126.174218, 41.977918], [126.197542, 41.971382], [126.207026, 41.978756], [126.221349, 41.982666], [126.236736, 41.99864], [126.249317, 41.997299], [126.257059, 42.001097], [126.258124, 42.01299], [126.292576, 42.03677], [126.305544, 42.038779], [126.324706, 42.038277], [126.329835, 42.045476], [126.339126, 42.04715], [126.368643, 42.063888], [126.381127, 42.062326], [126.397386, 42.063888], [126.401741, 42.079116], [126.393708, 42.08553], [126.391385, 42.097128], [126.403676, 42.105993], [126.421096, 42.111066], [126.428161, 42.120654], [126.451968, 42.126561], [126.44829, 42.140493], [126.457097, 42.144839], [126.455839, 42.150744], [126.467549, 42.158209], [126.469968, 42.176756], [126.484291, 42.178872], [126.490485, 42.19062], [126.50655, 42.196633], [126.523389, 42.1914], [126.53297, 42.183995], [126.547486, 42.184663], [126.548164, 42.192959], [126.575551, 42.20554], [126.579519, 42.214556], [126.580003, 42.228134], [126.573229, 42.235145], [126.546035, 42.242711], [126.540712, 42.24883], [126.531615, 42.24972], [126.521744, 42.262289], [126.526195, 42.268629], [126.52155, 42.281751], [126.522615, 42.294536], [126.530454, 42.30254], [126.526195, 42.315377], [126.52755, 42.323378], [126.534518, 42.328544], [126.539938, 42.346041], [126.534421, 42.357814], [126.517776, 42.372583], [126.515647, 42.382908], [126.519421, 42.397948], [126.512743, 42.401666], [126.510905, 42.410654], [126.526099, 42.423969], [126.547099, 42.435727], [126.553874, 42.443768], [126.573519, 42.456631], [126.578261, 42.465668], [126.584649, 42.463007], [126.604294, 42.464171], [126.611649, 42.46029], [126.629069, 42.470545], [126.633134, 42.480411], [126.629553, 42.488779], [126.63865, 42.506452], [126.635069, 42.522072], [126.640489, 42.532594], [126.63323, 42.541176], [126.632553, 42.564592], [126.622779, 42.576434], [126.629746, 42.584623], [126.639134, 42.583793], [126.651134, 42.594581], [126.67136, 42.593364], [126.679199, 42.599338], [126.683458, 42.596462], [126.687135, 42.607303], [126.705135, 42.606142], [126.715394, 42.613497], [126.717426, 42.626547], [126.73291, 42.644016], [126.741233, 42.656341], [126.740265, 42.665514], [126.750427, 42.67231], [126.734459, 42.695731], [126.720329, 42.696891], [126.700877, 42.706113], [126.68578, 42.706886], [126.682877, 42.716935], [126.673006, 42.718205], [126.66178, 42.727093], [126.648715, 42.729411], [126.628585, 42.713512], [126.619004, 42.712684], [126.602843, 42.703904], [126.596649, 42.696559], [126.583681, 42.697001], [126.567422, 42.686065], [126.563261, 42.670818], [126.541873, 42.668498], [126.533454, 42.67126], [126.527744, 42.678663], [126.514098, 42.681094], [126.50713, 42.685734], [126.49242, 42.679879], [126.484678, 42.684629], [126.465807, 42.682088], [126.435322, 42.674962], [126.422257, 42.67905], [126.405031, 42.688661], [126.404257, 42.693356], [126.387998, 42.697554], [126.382869, 42.708764], [126.389063, 42.718923], [126.390127, 42.73184], [126.400386, 42.737801], [126.391676, 42.755514], [126.39816, 42.761363], [126.38916, 42.769913], [126.387224, 42.779621], [126.395547, 42.793794], [126.394676, 42.804987], [126.38403, 42.815406], [126.36603, 42.813807], [126.354997, 42.804215], [126.344642, 42.805538], [126.325964, 42.815185], [126.312125, 42.814965], [126.299641, 42.800135], [126.287544, 42.796275], [126.270124, 42.794456], [126.261027, 42.784144], [126.246704, 42.783206], [126.243027, 42.775871], [126.227639, 42.773719], [126.21951, 42.778684], [126.217284, 42.786074], [126.195025, 42.790761], [126.190961, 42.787453], [126.16667, 42.784971], [126.149153, 42.792085], [126.138218, 42.791809], [126.135605, 42.787232], [126.09912, 42.783096], [126.089926, 42.789217], [126.078216, 42.785633], [126.067667, 42.788004], [126.060796, 42.783151], [126.05499, 42.787783], [126.029344, 42.788611], [126.018021, 42.797047], [126.007569, 42.796386], [125.994311, 42.816177], [125.980568, 42.813145], [125.951342, 42.822846], [125.939922, 42.830672], [125.919599, 42.850894], [125.911567, 42.876395], [125.903631, 42.876065], [125.903244, 42.900455], [125.906921, 42.905244], [125.892308, 42.91394], [125.887663, 42.913444], [125.857759, 42.924065], [125.8415, 42.925661], [125.857855, 42.943926], [125.865501, 42.947556], [125.849726, 42.953276], [125.864339, 42.955036], [125.861436, 42.960591], [125.8505, 42.958721], [125.834435, 42.966749], [125.831726, 42.982254], [125.821564, 42.997919], [125.805306, 43.004239], [125.809661, 43.005832], [125.772305, 43.020118], [125.742111, 43.012151], [125.736788, 43.006162], [125.736594, 42.991049], [125.751595, 42.972303], [125.748982, 42.967354], [125.758272, 42.957236], [125.754401, 42.952286], [125.759821, 42.943761], [125.755466, 42.936279], [125.745401, 42.933749], [125.740756, 42.916581], [125.743852, 42.909372], [125.737659, 42.897207], [125.741046, 42.893904], [125.735239, 42.886031], [125.73611, 42.874247], [125.742401, 42.855411], [125.741627, 42.847037], [125.757304, 42.839654], [125.75353, 42.82924], [125.758853, 42.820201], [125.787015, 42.80631], [125.790112, 42.800852], [125.810919, 42.790486], [125.835984, 42.7687], [125.84421, 42.766217], [125.82979, 42.75728], [125.819919, 42.762521], [125.811499, 42.7527], [125.81208, 42.748065], [125.795628, 42.753197], [125.783918, 42.747127], [125.768627, 42.748341], [125.756433, 42.742437], [125.731368, 42.743761], [125.716852, 42.738739], [125.707271, 42.742161], [125.686367, 42.734268], [125.66827, 42.732999], [125.657237, 42.73918], [125.64756, 42.73896], [125.644269, 42.732944], [125.661496, 42.718426], [125.673883, 42.716107], [125.674754, 42.705837], [125.66856, 42.70418], [125.658786, 42.691865], [125.663915, 42.684961], [125.65927, 42.675956], [125.662173, 42.65612], [125.657721, 42.65192], [125.66585, 42.648051], [125.664979, 42.640699], [125.676012, 42.633734], [125.680754, 42.622289], [125.688012, 42.619027], [125.68027, 42.610787], [125.682786, 42.606639], [125.701948, 42.603708], [125.701561, 42.609571], [125.727594, 42.605146], [125.708723, 42.59436], [125.701368, 42.573667], [125.689851, 42.571454], [125.675528, 42.557452], [125.676496, 42.552027], [125.665657, 42.540124], [125.647076, 42.551584], [125.634495, 42.547543], [125.634495, 42.538519], [125.623656, 42.526392], [125.614075, 42.524509], [125.616494, 42.518528], [125.600139, 42.518195], [125.585816, 42.507616], [125.584171, 42.482905], [125.576913, 42.470989], [125.573816, 42.451752], [125.56288, 42.435061], [125.544589, 42.432122], [125.517589, 42.420696], [125.479265, 42.39928], [125.453232, 42.392066], [125.450135, 42.386072], [125.43949, 42.38202], [125.411908, 42.381243], [125.406392, 42.384462], [125.364972, 42.365088], [125.342713, 42.358758], [125.335358, 42.340487], [125.316487, 42.328044], [125.298002, 42.325155], [125.285615, 42.315099], [125.262872, 42.313098]]]] + } + }, { + "type": "Feature", + "properties": { + "adcode": 220600, + "name": "白山市", + "center": [126.427839, 41.942505], + "centroid": [127.290795, 42.074968], + "childrenNum": 6, + "level": "city", + "parent": {"adcode": 220000}, + "subFeatureIndex": 5, + "acroutes": [100000, 220000] + }, + "geometry": { + "type": "MultiPolygon", + "coordinates": [[[[126.551841, 41.533953], [126.558132, 41.538397], [126.560164, 41.548239], [126.577874, 41.556056], [126.582132, 41.561397], [126.580777, 41.574272], [126.575358, 41.585458], [126.568003, 41.591752], [126.564035, 41.608835], [126.570035, 41.6217], [126.584455, 41.6258], [126.592391, 41.624452], [126.596165, 41.634675], [126.605262, 41.63928], [126.609423, 41.652644], [126.606133, 41.659999], [126.608262, 41.669317], [126.615907, 41.675997], [126.625391, 41.6774], [126.641844, 41.663423], [126.660328, 41.661908], [126.670006, 41.669542], [126.6882, 41.674481], [126.688974, 41.684696], [126.703394, 41.690476], [126.724781, 41.711347], [126.720426, 41.720882], [126.698942, 41.724528], [126.690813, 41.728341], [126.685974, 41.737033], [126.696619, 41.751667], [126.719652, 41.754694], [126.738717, 41.744098], [126.753621, 41.732043], [126.777041, 41.717068], [126.777234, 41.706074], [126.781492, 41.698163], [126.796493, 41.695862], [126.80017, 41.703044], [126.794848, 41.719929], [126.796396, 41.731258], [126.808396, 41.748079], [126.816138, 41.751274], [126.821655, 41.74735], [126.827268, 41.732435], [126.835397, 41.727332], [126.847591, 41.733108], [126.856785, 41.760692], [126.874592, 41.78182], [126.886398, 41.791345], [126.908173, 41.79846], [126.931593, 41.812911], [126.946884, 41.810111], [126.953077, 41.803277], [126.948626, 41.787871], [126.938367, 41.788264], [126.9344, 41.77829], [126.9434, 41.772518], [126.978046, 41.777225], [126.98424, 41.767025], [127.01066, 41.761533], [127.006111, 41.749088], [127.015692, 41.744827], [127.050725, 41.744659], [127.054983, 41.737874], [127.05208, 41.724864], [127.055951, 41.705793], [127.063306, 41.702932], [127.077048, 41.705456], [127.083629, 41.703381], [127.077919, 41.692608], [127.06708, 41.689354], [127.056145, 41.695133], [127.049177, 41.694235], [127.047048, 41.686716], [127.038047, 41.676839], [127.040757, 41.671001], [127.072887, 41.658371], [127.078597, 41.645738], [127.089145, 41.643941], [127.104146, 41.647534], [127.109565, 41.6381], [127.093694, 41.629957], [127.093791, 41.625126], [127.104243, 41.6217], [127.119243, 41.625688], [127.126888, 41.622879], [127.129501, 41.614172], [127.126695, 41.603385], [127.138308, 41.600294], [127.160857, 41.600912], [127.180696, 41.59917], [127.185245, 41.59164], [127.180793, 41.586863], [127.154954, 41.588774], [127.145373, 41.583547], [127.146631, 41.573991], [127.141598, 41.5691], [127.127663, 41.568369], [127.122824, 41.550601], [127.104243, 41.553919], [127.105017, 41.545765], [127.120598, 41.540197], [127.139856, 41.542896], [127.145082, 41.540365], [127.142276, 41.530072], [127.164728, 41.542559], [127.174115, 41.541096], [127.180116, 41.528834], [127.194922, 41.528722], [127.203439, 41.534459], [127.214181, 41.532603], [127.212342, 41.522758], [127.217665, 41.520395], [127.230633, 41.524052], [127.241375, 41.520395], [127.234311, 41.509311], [127.249892, 41.501432], [127.265376, 41.514263], [127.278247, 41.514938], [127.288989, 41.504528], [127.280279, 41.494341], [127.256666, 41.489613], [127.255214, 41.484096], [127.267505, 41.479818], [127.278441, 41.479931], [127.294312, 41.486517], [127.324023, 41.474582], [127.351797, 41.465179], [127.359733, 41.465461], [127.360314, 41.479424], [127.389831, 41.483252], [127.405605, 41.478185], [127.409767, 41.46349], [127.420509, 41.460618], [127.429509, 41.465179], [127.457574, 41.461519], [127.467639, 41.465686], [127.465317, 41.478411], [127.47151, 41.483477], [127.480123, 41.482239], [127.478865, 41.47537], [127.486317, 41.472274], [127.499479, 41.478354], [127.513511, 41.471091], [127.527931, 41.468726], [127.539351, 41.477059], [127.54748, 41.476947], [127.545738, 41.466418], [127.547673, 41.449805], [127.558609, 41.4373], [127.568287, 41.431497], [127.593449, 41.426708], [127.61774, 41.432737], [127.622675, 41.430539], [127.636805, 41.413691], [127.653741, 41.406872], [127.665548, 41.409634], [127.655289, 41.418256], [127.654128, 41.428173], [127.667193, 41.424285], [127.677064, 41.415608], [127.684322, 41.422933], [127.692645, 41.424173], [127.706581, 41.420735], [127.724775, 41.420454], [127.742679, 41.427102], [127.755647, 41.427722], [127.769873, 41.421975], [127.779454, 41.426595], [127.787389, 41.424229], [127.790873, 41.40845], [127.795906, 41.409916], [127.795615, 41.418876], [127.807229, 41.424905], [127.8201, 41.420848], [127.827165, 41.408394], [127.834907, 41.409127], [127.833358, 41.417411], [127.838294, 41.421355], [127.854069, 41.421074], [127.862488, 41.40597], [127.872069, 41.404618], [127.872263, 41.440342], [127.87894, 41.44727], [127.886973, 41.447552], [127.886489, 41.438088], [127.891231, 41.434258], [127.900812, 41.436905], [127.908941, 41.430089], [127.915231, 41.436962], [127.931006, 41.444566], [127.931683, 41.454367], [127.94049, 41.456169], [127.941168, 41.450086], [127.951716, 41.450312], [127.947168, 41.440398], [127.966813, 41.43899], [127.983072, 41.430934], [127.981911, 41.42113], [127.991782, 41.422088], [127.999717, 41.441412], [128.010169, 41.448228], [128.017912, 41.446031], [128.014718, 41.437919], [128.00504, 41.428905], [128.01975, 41.427441], [128.018008, 41.416847], [128.029428, 41.414424], [128.035815, 41.421919], [128.046364, 41.415889], [128.041331, 41.409183], [128.040751, 41.393288], [128.059042, 41.397685], [128.073171, 41.393401], [128.077816, 41.381054], [128.085946, 41.382858], [128.082655, 41.39233], [128.101623, 41.393232], [128.101236, 41.398812], [128.111011, 41.39295], [128.108495, 41.38579], [128.094946, 41.381843], [128.090591, 41.374795], [128.103946, 41.371807], [128.114204, 41.364475], [128.124076, 41.371976], [128.131334, 41.383084], [128.144108, 41.382407], [128.160851, 41.38844], [128.170044, 41.404561], [128.189787, 41.41403], [128.207981, 41.411663], [128.212626, 41.429131], [128.226852, 41.446087], [128.240595, 41.44789], [128.244369, 41.455155], [128.233917, 41.456619], [128.233046, 41.46287], [128.243401, 41.477679], [128.243692, 41.490345], [128.238175, 41.495973], [128.242917, 41.501883], [128.258886, 41.506947], [128.283564, 41.526415], [128.28337, 41.534122], [128.300693, 41.539409], [128.292467, 41.55032], [128.299822, 41.559204], [128.296338, 41.563084], [128.317919, 41.575565], [128.313371, 41.577532], [128.317435, 41.592651], [128.312209, 41.596698], [128.315403, 41.605183], [128.302145, 41.605801], [128.306596, 41.612037], [128.293822, 41.615015], [128.305822, 41.62097], [128.303983, 41.630125], [128.289564, 41.626362], [128.281338, 41.635686], [128.280854, 41.647029], [128.273983, 41.652083], [128.278725, 41.658539], [128.269241, 41.658202], [128.269821, 41.668026], [128.259563, 41.668475], [128.26024, 41.674257], [128.247756, 41.676109], [128.248434, 41.681553], [128.238272, 41.68391], [128.223175, 41.682732], [128.219401, 41.68969], [128.20982, 41.688624], [128.200723, 41.696592], [128.201981, 41.701698], [128.190464, 41.710842], [128.170044, 41.714881], [128.152915, 41.739164], [128.146915, 41.754189], [128.150399, 41.764447], [128.144495, 41.767081], [128.147592, 41.780867], [128.141205, 41.785462], [128.133753, 41.783221], [128.112462, 41.794595], [128.109462, 41.807871], [128.112753, 41.813303], [128.108204, 41.821256], [128.103752, 41.842924], [128.107236, 41.849641], [128.112269, 41.887637], [128.115462, 41.895748], [128.107043, 41.905815], [128.104236, 41.923261], [128.106753, 41.950037], [128.096881, 41.952943], [128.070848, 41.971717], [128.047332, 41.986185], [128.034073, 42.000315], [128.064558, 42.011538], [128.039202, 42.029905], [128.036589, 42.042853], [128.024299, 42.071307], [128.015299, 42.087426], [127.991395, 42.11547], [127.987524, 42.125224], [127.963717, 42.140326], [127.96091, 42.145619], [127.968362, 42.16467], [127.960523, 42.172412], [127.952684, 42.172412], [127.943684, 42.181433], [127.927812, 42.188672], [127.915425, 42.204092], [127.910296, 42.221067], [127.912618, 42.231083], [127.907586, 42.243601], [127.900812, 42.239985], [127.885327, 42.2431], [127.880682, 42.250554], [127.877682, 42.266905], [127.868391, 42.276525], [127.862004, 42.274245], [127.854552, 42.283363], [127.828907, 42.280806], [127.810713, 42.29676], [127.80839, 42.307041], [127.817777, 42.323489], [127.840617, 42.326711], [127.845165, 42.330711], [127.858617, 42.327655], [127.887747, 42.3301], [127.890069, 42.338321], [127.903521, 42.34904], [127.903521, 42.366865], [127.92249, 42.36903], [127.943781, 42.367697], [127.9522, 42.374526], [127.959942, 42.392954], [127.983362, 42.403663], [127.998169, 42.413706], [128.007169, 42.414205], [128.016266, 42.427851], [128.014137, 42.436836], [128.018589, 42.450754], [128.035138, 42.465501], [128.043557, 42.480134], [128.03146, 42.496813], [128.034267, 42.50058], [128.03388, 42.528662], [128.024105, 42.529825], [128.028073, 42.541564], [128.020234, 42.541619], [128.027783, 42.561215], [128.021395, 42.565588], [128.012492, 42.563983], [128.015879, 42.56996], [128.008621, 42.578537], [127.995846, 42.581967], [127.995169, 42.588551], [127.987137, 42.59884], [127.994588, 42.600832], [127.981427, 42.610511], [127.967201, 42.612004], [127.973201, 42.622179], [127.959168, 42.620962], [127.959749, 42.630583], [127.953555, 42.641473], [127.964588, 42.644348], [127.965942, 42.653191], [127.960329, 42.657833], [127.938458, 42.663027], [127.923167, 42.67336], [127.904489, 42.670155], [127.886005, 42.674796], [127.882037, 42.684795], [127.885908, 42.689269], [127.895586, 42.684298], [127.89936, 42.689932], [127.890457, 42.695952], [127.875263, 42.696118], [127.862101, 42.719088], [127.850391, 42.72494], [127.846907, 42.730736], [127.857553, 42.735814], [127.86723, 42.730349], [127.874005, 42.734655], [127.865682, 42.740671], [127.869359, 42.751431], [127.855811, 42.753142], [127.85223, 42.757997], [127.834423, 42.762576], [127.833165, 42.775871], [127.837617, 42.788335], [127.820293, 42.793022], [127.809358, 42.799749], [127.808874, 42.807026], [127.800551, 42.812649], [127.777905, 42.814909], [127.759131, 42.814634], [127.738324, 42.821799], [127.725356, 42.821854], [127.717613, 42.81728], [127.710936, 42.804215], [127.716742, 42.801182], [127.727291, 42.803663], [127.726517, 42.799087], [127.709387, 42.789107], [127.714226, 42.780173], [127.705613, 42.774437], [127.69671, 42.77576], [127.693226, 42.771182], [127.677645, 42.76539], [127.67029, 42.755404], [127.656934, 42.760921], [127.64716, 42.751045], [127.650934, 42.744975], [127.641353, 42.732226], [127.652579, 42.726596], [127.643386, 42.713954], [127.620837, 42.711359], [127.598965, 42.693301], [127.597707, 42.680818], [127.58861, 42.669713], [127.573126, 42.668608], [127.567513, 42.657501], [127.558222, 42.656728], [127.552222, 42.648327], [127.541577, 42.641363], [127.534512, 42.641639], [127.510124, 42.633789], [127.486607, 42.631025], [127.485349, 42.614492], [127.498221, 42.611561], [127.497543, 42.602215], [127.48564, 42.598343], [127.467542, 42.59779], [127.463671, 42.592036], [127.470252, 42.584734], [127.468026, 42.566805], [127.458155, 42.561492], [127.432412, 42.573446], [127.40425, 42.569628], [127.405992, 42.573501], [127.384992, 42.57743], [127.370572, 42.584014], [127.351991, 42.587943], [127.352475, 42.601993], [127.338829, 42.605644], [127.319571, 42.640312], [127.305538, 42.632297], [127.287925, 42.63202], [127.279602, 42.626547], [127.280957, 42.617423], [127.240214, 42.599449], [127.221923, 42.605644], [127.211568, 42.602325], [127.204213, 42.608354], [127.211665, 42.622123], [127.219213, 42.627708], [127.218246, 42.642302], [127.225214, 42.656065], [127.246988, 42.678332], [127.251246, 42.690816], [127.253569, 42.708984], [127.243311, 42.71837], [127.234988, 42.720413], [127.226762, 42.738242], [127.211374, 42.748783], [127.210987, 42.754245], [127.200729, 42.764949], [127.202471, 42.784805], [127.19289, 42.803333], [127.193761, 42.823563], [127.201697, 42.835742], [127.191729, 42.843456], [127.181374, 42.831664], [127.180987, 42.825216], [127.169373, 42.813145], [127.161728, 42.810941], [127.160083, 42.804049], [127.149631, 42.805538], [127.135792, 42.801624], [127.130566, 42.807578], [127.12505, 42.804876], [127.104049, 42.803167], [127.094759, 42.799528], [127.072693, 42.813145], [127.053145, 42.804325], [127.041338, 42.80653], [127.016853, 42.788997], [126.99953, 42.793739], [126.990046, 42.804876], [126.979981, 42.803608], [126.972142, 42.808074], [126.950271, 42.811492], [126.947368, 42.805648], [126.913593, 42.804711], [126.907883, 42.809066], [126.897334, 42.802616], [126.89927, 42.787011], [126.879237, 42.780228], [126.869075, 42.783813], [126.853785, 42.78464], [126.832978, 42.777801], [126.822139, 42.77747], [126.818655, 42.768259], [126.813042, 42.766162], [126.813138, 42.753418], [126.801719, 42.740946], [126.800461, 42.733109], [126.810816, 42.722014], [126.812461, 42.709205], [126.807235, 42.702579], [126.796977, 42.701806], [126.784492, 42.691313], [126.774234, 42.671536], [126.760008, 42.667337], [126.750427, 42.67231], [126.740265, 42.665514], [126.741233, 42.656341], [126.73291, 42.644016], [126.717426, 42.626547], [126.715394, 42.613497], [126.705135, 42.606142], [126.687135, 42.607303], [126.683458, 42.596462], [126.679199, 42.599338], [126.67136, 42.593364], [126.651134, 42.594581], [126.639134, 42.583793], [126.629746, 42.584623], [126.622779, 42.576434], [126.632553, 42.564592], [126.63323, 42.541176], [126.640489, 42.532594], [126.635069, 42.522072], [126.63865, 42.506452], [126.629553, 42.488779], [126.633134, 42.480411], [126.629069, 42.470545], [126.611649, 42.46029], [126.604294, 42.464171], [126.584649, 42.463007], [126.578261, 42.465668], [126.573519, 42.456631], [126.553874, 42.443768], [126.547099, 42.435727], [126.526099, 42.423969], [126.510905, 42.410654], [126.512743, 42.401666], [126.519421, 42.397948], [126.515647, 42.382908], [126.517776, 42.372583], [126.534421, 42.357814], [126.539938, 42.346041], [126.534518, 42.328544], [126.52755, 42.323378], [126.526195, 42.315377], [126.530454, 42.30254], [126.522615, 42.294536], [126.52155, 42.281751], [126.526195, 42.268629], [126.521744, 42.262289], [126.531615, 42.24972], [126.540712, 42.24883], [126.546035, 42.242711], [126.573229, 42.235145], [126.580003, 42.228134], [126.579519, 42.214556], [126.575551, 42.20554], [126.548164, 42.192959], [126.547486, 42.184663], [126.53297, 42.183995], [126.523389, 42.1914], [126.50655, 42.196633], [126.490485, 42.19062], [126.484291, 42.178872], [126.469968, 42.176756], [126.467549, 42.158209], [126.455839, 42.150744], [126.457097, 42.144839], [126.44829, 42.140493], [126.451968, 42.126561], [126.428161, 42.120654], [126.421096, 42.111066], [126.403676, 42.105993], [126.391385, 42.097128], [126.393708, 42.08553], [126.401741, 42.079116], [126.397386, 42.063888], [126.381127, 42.062326], [126.368643, 42.063888], [126.339126, 42.04715], [126.329835, 42.045476], [126.324706, 42.038277], [126.305544, 42.038779], [126.292576, 42.03677], [126.258124, 42.01299], [126.257059, 42.001097], [126.249317, 41.997299], [126.236736, 41.99864], [126.221349, 41.982666], [126.207026, 41.978756], [126.197542, 41.971382], [126.174218, 41.977918], [126.158541, 41.973784], [126.145185, 41.964175], [126.133476, 41.966074], [126.120798, 41.953558], [126.123024, 41.948751], [126.137347, 41.943442], [126.141314, 41.935728], [126.151476, 41.93338], [126.178283, 41.915545], [126.188348, 41.900502], [126.2078, 41.90548], [126.219026, 41.890658], [126.225704, 41.893958], [126.238962, 41.888028], [126.24293, 41.881483], [126.238769, 41.87393], [126.222994, 41.864809], [126.217671, 41.854175], [126.230155, 41.842588], [126.246317, 41.848746], [126.259479, 41.844212], [126.274382, 41.842588], [126.277963, 41.832175], [126.285996, 41.829935], [126.290351, 41.835366], [126.298673, 41.828647], [126.299641, 41.820752], [126.308835, 41.815712], [126.30777, 41.807422], [126.321222, 41.800981], [126.317351, 41.794539], [126.319771, 41.786751], [126.309028, 41.776216], [126.315029, 41.771509], [126.312996, 41.760916], [126.302738, 41.756544], [126.304964, 41.746565], [126.299157, 41.740678], [126.288318, 41.74264], [126.285899, 41.73737], [126.293931, 41.729407], [126.286286, 41.716788], [126.289383, 41.712805], [126.280963, 41.696031], [126.29606, 41.694291], [126.295867, 41.684976], [126.305157, 41.675828], [126.301383, 41.670833], [126.317158, 41.665949], [126.317642, 41.654553], [126.335158, 41.663704], [126.351997, 41.664771], [126.359933, 41.661458], [126.37745, 41.6655], [126.391869, 41.665556], [126.40387, 41.671058], [126.41587, 41.666623], [126.425451, 41.658483], [126.417128, 41.653318], [126.417709, 41.643885], [126.408225, 41.626531], [126.402128, 41.607767], [126.408031, 41.600406], [126.405031, 41.584839], [126.383837, 41.574047], [126.38045, 41.567469], [126.399611, 41.540984], [126.412676, 41.533559], [126.399321, 41.516795], [126.413354, 41.515219], [126.428451, 41.509761], [126.437161, 41.512743], [126.440548, 41.520058], [126.464645, 41.520002], [126.468129, 41.517807], [126.468516, 41.500813], [126.476162, 41.503627], [126.495614, 41.504415], [126.504614, 41.50177], [126.525324, 41.536034], [126.551841, 41.533953]]]] + } + }, { + "type": "Feature", + "properties": { + "adcode": 220700, + "name": "松原市", + "center": [124.823608, 45.118243], + "centroid": [124.48612, 44.807335], + "childrenNum": 5, + "level": "city", + "parent": {"adcode": 220000}, + "subFeatureIndex": 6, + "acroutes": [100000, 220000] + }, + "geometry": { + "type": "MultiPolygon", + "coordinates": [[[[123.125462, 44.509276], [123.136107, 44.502416], [123.136785, 44.485639], [123.125946, 44.477007], [123.137075, 44.461831], [123.124107, 44.45797], [123.142108, 44.428141], [123.136204, 44.406028], [123.114526, 44.402485], [123.128365, 44.36688], [123.12343, 44.364301], [123.148688, 44.361615], [123.169495, 44.35044], [123.173754, 44.345227], [123.19698, 44.345012], [123.24082, 44.295068], [123.277111, 44.252563], [123.286692, 44.214874], [123.293079, 44.214174], [123.299757, 44.195213], [123.316693, 44.189879], [123.323661, 44.179802], [123.386372, 44.161854], [123.382307, 44.15091], [123.384533, 44.141744], [123.362468, 44.1336], [123.354242, 44.106682], [123.348435, 44.097023], [123.350661, 44.092652], [123.328403, 44.083854], [123.328499, 44.070952], [123.358694, 44.075001], [123.399243, 44.066633], [123.400114, 44.07187], [123.409502, 44.076998], [123.424986, 44.075217], [123.437083, 44.077862], [123.449664, 44.07689], [123.478503, 44.083638], [123.503085, 44.080399], [123.547989, 44.077916], [123.55186, 44.081425], [123.571796, 44.087956], [123.589893, 44.088334], [123.6107, 44.081425], [123.635669, 44.078132], [123.641862, 44.079374], [123.652411, 44.089467], [123.660444, 44.092544], [123.66354, 44.107815], [123.683186, 44.109865], [123.687928, 44.098588], [123.699445, 44.090223], [123.695574, 44.083422], [123.718703, 44.062907], [123.721219, 44.050702], [123.732639, 44.039522], [123.745607, 44.042601], [123.756736, 44.040926], [123.773576, 44.022882], [123.766221, 44.016614], [123.76864, 44.003643], [123.818577, 43.986236], [123.857578, 43.999859], [123.872675, 43.9984], [123.901321, 44.000454], [123.951741, 43.998616], [124.015711, 44.004508], [124.06226, 44.009102], [124.0761, 44.021045], [124.110939, 44.012885], [124.125262, 44.01202], [124.134069, 44.00667], [124.13794, 44.009858], [124.157586, 44.013695], [124.165521, 44.00494], [124.164747, 43.997697], [124.181005, 43.995048], [124.191264, 43.98829], [124.198329, 43.993805], [124.212555, 43.998238], [124.218555, 43.992183], [124.229297, 43.994508], [124.231233, 43.990129], [124.251072, 43.992291], [124.253588, 43.999211], [124.266459, 44.000184], [124.270137, 43.995751], [124.28717, 43.991859], [124.300815, 43.993859], [124.308073, 43.990994], [124.317848, 44.003265], [124.314073, 44.008291], [124.326364, 44.008615], [124.352397, 44.014884], [124.3523, 44.017694], [124.397592, 44.028177], [124.397689, 44.03936], [124.402721, 44.030068], [124.41956, 44.038279], [124.424496, 44.036929], [124.435625, 44.051296], [124.436496, 44.060693], [124.44598, 44.061233], [124.461948, 44.073057], [124.469497, 44.070628], [124.471432, 44.07878], [124.486239, 44.091302], [124.505788, 44.100585], [124.50124, 44.10911], [124.516434, 44.116609], [124.551176, 44.120655], [124.562015, 44.116286], [124.583693, 44.121626], [124.626953, 44.125402], [124.655308, 44.122004], [124.65376, 44.12756], [124.686761, 44.142337], [124.721794, 44.151018], [124.731762, 44.148699], [124.736117, 44.159159], [124.729729, 44.176245], [124.724697, 44.17797], [124.735052, 44.183682], [124.749182, 44.199792], [124.757698, 44.202863], [124.762827, 44.213905], [124.761569, 44.225322], [124.751794, 44.220475], [124.751891, 44.210134], [124.734375, 44.201408], [124.727213, 44.201031], [124.717148, 44.192411], [124.712213, 44.200977], [124.698471, 44.206849], [124.687922, 44.200546], [124.679502, 44.203832], [124.67147, 44.198984], [124.669341, 44.209488], [124.658986, 44.204209], [124.655986, 44.207334], [124.63634, 44.20394], [124.625114, 44.208195], [124.622017, 44.217944], [124.617275, 44.211589], [124.605081, 44.236683], [124.600145, 44.253262], [124.604016, 44.272205], [124.620372, 44.283234], [124.61321, 44.288882], [124.627727, 44.297434], [124.628501, 44.305931], [124.618339, 44.322008], [124.620565, 44.324104], [124.607113, 44.337596], [124.607404, 44.344314], [124.622114, 44.34915], [124.624823, 44.359251], [124.611662, 44.369781], [124.605178, 44.367686], [124.601113, 44.376119], [124.60963, 44.375367], [124.599855, 44.389599], [124.590468, 44.387504], [124.584855, 44.397062], [124.573532, 44.394216], [124.56337, 44.413167], [124.555918, 44.411503], [124.550789, 44.424063], [124.562693, 44.428248], [124.568983, 44.43619], [124.577693, 44.435117], [124.585629, 44.428409], [124.600726, 44.434366], [124.60421, 44.430931], [124.612533, 44.43796], [124.617856, 44.434044], [124.625791, 44.438336], [124.635082, 44.434366], [124.643308, 44.448636], [124.621146, 44.45856], [124.603145, 44.471216], [124.595307, 44.46698], [124.581371, 44.476685], [124.580887, 44.483923], [124.592597, 44.491268], [124.564822, 44.507079], [124.559789, 44.504292], [124.545467, 44.514367], [124.552628, 44.524332], [124.561531, 44.529422], [124.574112, 44.529422], [124.570822, 44.540188], [124.57508, 44.545062], [124.569661, 44.553202], [124.552434, 44.569371], [124.57508, 44.583983], [124.582145, 44.593616], [124.595113, 44.602659], [124.601597, 44.601535], [124.628404, 44.620258], [124.618146, 44.62951], [124.634308, 44.640686], [124.667115, 44.648599], [124.689277, 44.652608], [124.699632, 44.656831], [124.721697, 44.660145], [124.746762, 44.649668], [124.766795, 44.659878], [124.778698, 44.66907], [124.781311, 44.680292], [124.80357, 44.663833], [124.819151, 44.672276], [124.826409, 44.66597], [124.825538, 44.67591], [124.8297, 44.683284], [124.807248, 44.704117], [124.868894, 44.733057], [124.877895, 44.726757], [124.886314, 44.730014], [124.897153, 44.726063], [124.95851, 44.754886], [124.963542, 44.750083], [124.985317, 44.759582], [124.994994, 44.759902], [125.01164, 44.7782], [125.02635, 44.788014], [125.031673, 44.776173], [125.03835, 44.777934], [125.042318, 44.770785], [125.0699, 44.776813], [125.074738, 44.772279], [125.0879, 44.772546], [125.107352, 44.765344], [125.125353, 44.769985], [125.136772, 44.77916], [125.133385, 44.783321], [125.153515, 44.796653], [125.156515, 44.790254], [125.171999, 44.786521], [125.189612, 44.793987], [125.215065, 44.800545], [125.222807, 44.806144], [125.229291, 44.803638], [125.239936, 44.808703], [125.243904, 44.802838], [125.262485, 44.796013], [125.288808, 44.804064], [125.313099, 44.814247], [125.303422, 44.823522], [125.292196, 44.826773], [125.285034, 44.837537], [125.274776, 44.832262], [125.253485, 44.832155], [125.231904, 44.84505], [125.232, 44.853734], [125.247194, 44.860073], [125.251646, 44.857196], [125.266743, 44.858102], [125.283099, 44.850964], [125.296357, 44.852668], [125.307293, 44.86199], [125.329745, 44.867369], [125.340294, 44.879724], [125.354133, 44.880363], [125.36952, 44.884516], [125.391489, 44.881321], [125.384037, 44.873547], [125.391392, 44.871736], [125.412586, 44.874559], [125.421005, 44.890585], [125.436877, 44.897186], [125.449748, 44.884675], [125.469297, 44.884143], [125.48091, 44.872535], [125.493104, 44.874985], [125.496104, 44.880948], [125.505588, 44.883877], [125.531331, 44.884303], [125.54488, 44.890159], [125.569751, 44.891064], [125.577203, 44.893726], [125.590558, 44.885208], [125.600623, 44.885687], [125.612914, 44.900752], [125.641753, 44.917995], [125.641076, 44.930339], [125.654044, 44.93901], [125.665657, 44.935712], [125.682206, 44.937946], [125.696625, 44.936935], [125.719949, 44.93901], [125.738143, 44.923742], [125.742304, 44.912514], [125.749175, 44.905702], [125.751982, 44.893353], [125.760595, 44.887604], [125.771144, 44.887071], [125.787305, 44.87573], [125.781789, 44.863641], [125.791563, 44.857516], [125.801144, 44.85693], [125.810822, 44.848992], [125.800757, 44.840628], [125.809274, 44.830237], [125.818661, 44.832102], [125.826209, 44.840947], [125.851468, 44.837324], [125.858049, 44.839509], [125.873436, 44.836685], [125.87634, 44.820057], [125.880888, 44.814833], [125.906631, 44.807956], [125.916018, 44.795213], [125.911083, 44.789134], [125.91505, 44.775747], [125.920664, 44.771426], [125.951439, 44.760969], [125.977665, 44.773666], [125.985214, 44.772012], [125.997407, 44.775747], [126.00873, 44.783427], [126.02644, 44.781934], [126.049667, 44.786787], [126.043957, 44.800652], [126.037763, 44.804011], [126.049667, 44.826559], [126.043473, 44.829544], [126.051409, 44.833487], [126.055957, 44.847767], [126.038247, 44.84798], [126.041151, 44.862363], [126.050441, 44.862097], [126.061764, 44.883398], [126.056828, 44.881747], [126.060893, 44.902722], [126.086636, 44.897931], [126.098152, 44.891969], [126.10812, 44.924274], [126.147411, 44.926455], [126.145185, 44.902668], [126.153315, 44.905276], [126.164347, 44.902136], [126.168218, 44.912408], [126.179154, 44.908523], [126.192509, 44.917303], [126.186993, 44.933158], [126.179832, 44.938531], [126.171606, 44.938158], [126.170541, 44.950019], [126.156895, 44.953901], [126.146831, 44.962675], [126.144605, 44.9816], [126.16096, 44.985852], [126.188154, 45.000891], [126.190187, 45.032019], [126.177122, 45.038497], [126.173735, 45.048638], [126.18138, 45.071887], [126.177606, 45.07332], [126.174412, 45.088919], [126.19638, 45.103242], [126.185445, 45.115121], [126.183896, 45.123552], [126.17538, 45.123817], [126.169864, 45.134632], [126.166089, 45.133519], [126.154282, 45.142689], [126.13425, 45.148254], [126.12854, 45.144226], [126.116249, 45.150586], [126.114023, 45.142795], [126.095345, 45.147141], [126.085377, 45.162668], [126.067377, 45.166853], [126.059538, 45.165635], [126.050731, 45.170191], [126.029924, 45.169608], [126.022957, 45.162085], [126.013569, 45.165582], [125.996246, 45.16378], [125.996246, 45.179567], [125.987343, 45.175965], [125.982214, 45.186982], [125.993246, 45.189895], [125.985988, 45.195508], [125.970987, 45.191695], [125.957535, 45.201333], [125.919793, 45.196038], [125.91147, 45.197997], [125.903244, 45.209804], [125.890372, 45.214092], [125.888437, 45.221502], [125.871888, 45.221184], [125.869082, 45.227377], [125.857178, 45.22907], [125.849629, 45.238966], [125.823693, 45.238014], [125.812467, 45.249442], [125.814887, 45.267743], [125.805209, 45.269753], [125.787789, 45.279218], [125.788757, 45.287361], [125.77424, 45.29307], [125.759917, 45.290744], [125.758272, 45.282708], [125.751885, 45.287255], [125.753143, 45.297933], [125.748885, 45.307341], [125.742594, 45.309085], [125.731272, 45.322982], [125.719562, 45.32388], [125.726239, 45.336506], [125.706787, 45.341366], [125.695754, 45.350713], [125.703206, 45.35573], [125.696335, 45.365445], [125.703497, 45.37954], [125.7124, 45.389409], [125.716755, 45.403181], [125.715981, 45.421749], [125.707174, 45.424228], [125.703787, 45.437728], [125.70669, 45.446005], [125.697109, 45.453966], [125.709013, 45.455705], [125.7124, 45.463084], [125.698948, 45.464191], [125.699626, 45.472517], [125.711432, 45.477049], [125.709787, 45.484372], [125.69169, 45.487744], [125.701948, 45.501808], [125.687916, 45.514025], [125.660044, 45.507074], [125.646882, 45.511024], [125.637301, 45.519923], [125.628301, 45.521976], [125.616688, 45.517974], [125.593171, 45.496962], [125.570042, 45.48885], [125.549815, 45.486374], [125.497362, 45.469355], [125.489136, 45.471094], [125.480426, 45.48648], [125.466297, 45.488692], [125.442393, 45.484794], [125.42507, 45.485584], [125.424102, 45.474994], [125.43349, 45.467247], [125.433683, 45.458709], [125.398553, 45.416844], [125.369907, 45.394844], [125.362262, 45.392681], [125.347939, 45.395477], [125.341358, 45.400068], [125.327616, 45.417055], [125.317164, 45.422857], [125.306615, 45.417582], [125.308454, 45.409037], [125.301583, 45.401967], [125.289099, 45.406927], [125.276131, 45.416686], [125.248936, 45.417688], [125.225323, 45.41178], [125.208871, 45.404131], [125.189419, 45.399329], [125.176547, 45.40107], [125.156999, 45.410831], [125.137643, 45.409617], [125.113159, 45.389989], [125.091674, 45.382654], [125.069706, 45.384606], [125.066125, 45.399013], [125.088674, 45.411042], [125.091094, 45.417741], [125.084222, 45.423173], [125.064383, 45.421907], [125.049867, 45.4285], [125.043673, 45.445584], [125.035737, 45.459395], [125.030415, 45.48943], [125.025576, 45.493328], [124.983091, 45.49238], [124.961219, 45.495224], [124.945348, 45.502335], [124.94167, 45.509444], [124.939445, 45.52982], [124.931025, 45.538453], [124.91496, 45.539453], [124.90896, 45.533084], [124.90867, 45.519449], [124.898992, 45.505705], [124.884572, 45.495435], [124.883314, 45.478366], [124.890088, 45.456601], [124.886411, 45.442684], [124.876249, 45.438308], [124.866281, 45.440628], [124.839861, 45.455705], [124.828635, 45.455178], [124.805409, 45.440681], [124.792925, 45.437042], [124.779086, 45.441366], [124.777247, 45.449907], [124.779957, 45.461134], [124.775989, 45.468249], [124.760601, 45.468407], [124.729633, 45.444055], [124.722181, 45.443211], [124.690438, 45.452437], [124.67447, 45.448694], [124.65676, 45.437781], [124.639243, 45.434564], [124.625211, 45.437253], [124.603049, 45.449116], [124.585145, 45.453807], [124.575467, 45.451119], [124.574693, 45.443897], [124.583306, 45.432402], [124.579629, 45.424175], [124.555047, 45.411991], [124.544208, 45.411938], [124.50724, 45.42465], [124.496498, 45.435144], [124.480723, 45.456232], [124.473852, 45.458709], [124.457013, 45.457813], [124.427496, 45.450434], [124.41385, 45.43873], [124.398753, 45.440628], [124.383849, 45.448852], [124.373785, 45.458551], [124.347171, 45.445109], [124.334784, 45.436093], [124.285621, 45.420589], [124.26162, 45.402706], [124.224652, 45.382812], [124.202393, 45.374367], [124.12623, 45.336136], [124.115294, 45.332756], [124.100681, 45.332544], [124.087035, 45.32779], [124.07368, 45.314158], [124.065357, 45.285722], [124.086842, 45.263089], [124.079874, 45.249283], [124.069422, 45.236109], [124.053744, 45.231611], [124.025001, 45.230817], [123.988033, 45.225895], [123.976323, 45.225895], [123.942161, 45.219544], [123.934515, 45.213774], [123.919321, 45.209539], [123.882449, 45.178613], [123.879159, 45.17231], [123.851965, 45.151275], [123.83619, 45.142159], [123.82748, 45.130762], [123.746865, 45.064351], [123.720348, 45.048745], [123.689573, 45.033984], [123.632282, 45.009445], [123.611571, 44.995046], [123.587377, 44.971553], [123.57228, 44.963153], [123.556796, 44.960548], [123.540924, 44.952997], [123.530666, 44.951827], [123.519924, 44.96629], [123.492536, 44.959538], [123.489729, 44.952838], [123.497955, 44.930977], [123.451987, 44.892182], [123.419663, 44.855758], [123.429825, 44.849312], [123.449857, 44.812221], [123.467955, 44.793453], [123.4786, 44.77836], [123.514795, 44.734338], [123.525537, 44.727291], [123.523795, 44.707001], [123.502117, 44.707695], [123.455954, 44.696105], [123.418405, 44.671528], [123.383856, 44.663458], [123.370307, 44.662817], [123.348145, 44.652822], [123.3315, 44.649561], [123.317951, 44.639403], [123.295015, 44.638066], [123.289789, 44.635874], [123.285821, 44.624055], [123.27324, 44.620205], [123.253594, 44.605708], [123.247691, 44.606404], [123.244981, 44.596934], [123.2204, 44.590566], [123.213238, 44.574349], [123.201335, 44.576972], [123.178979, 44.569799], [123.148592, 44.554005], [123.142301, 44.545008], [123.139398, 44.522939], [123.125462, 44.509276]]]] + } + }, { + "type": "Feature", + "properties": { + "adcode": 220800, + "name": "白城市", + "center": [122.841114, 45.619026], + "centroid": [123.019642, 45.354625], + "childrenNum": 5, + "level": "city", + "parent": {"adcode": 220000}, + "subFeatureIndex": 7, + "acroutes": [100000, 220000] + }, + "geometry": { + "type": "MultiPolygon", + "coordinates": [[[[124.373785, 45.458551], [124.364397, 45.481896], [124.356268, 45.486796], [124.352494, 45.496646], [124.364784, 45.505968], [124.368849, 45.51292], [124.368946, 45.525766], [124.358688, 45.544821], [124.34872, 45.546926], [124.295396, 45.539189], [124.283686, 45.541295], [124.264621, 45.555082], [124.261233, 45.569234], [124.272847, 45.584014], [124.267621, 45.592113], [124.254169, 45.593795], [124.245943, 45.591114], [124.234523, 45.593427], [124.227555, 45.598895], [124.225136, 45.608989], [124.236652, 45.623023], [124.226587, 45.633428], [124.212458, 45.63059], [124.18749, 45.615928], [124.167747, 45.615297], [124.14723, 45.623075], [124.129714, 45.637578], [124.130198, 45.64362], [124.143069, 45.648348], [124.149359, 45.661584], [124.144714, 45.665996], [124.128553, 45.665103], [124.121875, 45.669251], [124.137456, 45.679385], [124.137843, 45.687207], [124.125456, 45.695186], [124.112004, 45.696813], [124.099519, 45.703005], [124.098068, 45.722472], [124.089068, 45.727508], [124.082196, 45.736425], [124.054131, 45.751318], [124.033034, 45.750741], [124.019969, 45.747857], [124.014743, 45.749954], [124.001969, 45.770662], [124.00942, 45.781983], [124.034679, 45.784917], [124.049776, 45.794663], [124.062551, 45.796549], [124.06439, 45.80226], [124.042712, 45.815355], [124.034776, 45.8263], [124.036228, 45.83808], [124.047163, 45.840436], [124.06439, 45.839284], [124.071067, 45.845199], [124.068648, 45.868802], [124.058196, 45.889623], [124.03826, 45.894016], [124.001872, 45.904423], [123.992775, 45.910331], [123.971581, 45.93192], [123.967516, 45.94117], [123.965677, 45.96071], [123.970323, 45.971104], [123.977097, 45.975856], [124.012033, 45.982018], [124.020066, 45.989015], [124.01513, 45.998464], [123.992775, 46.007912], [123.99142, 46.01741], [124.005356, 46.021376], [124.027808, 46.016314], [124.038357, 46.018036], [124.039711, 46.031132], [124.031292, 46.048919], [124.009904, 46.057524], [124.005356, 46.069047], [124.016775, 46.076658], [124.018227, 46.08432], [124.012614, 46.09047], [123.995678, 46.098755], [124.000614, 46.110009], [124.016679, 46.118604], [124.015904, 46.124177], [123.995291, 46.137821], [123.993839, 46.147297], [124.008936, 46.154897], [124.010969, 46.161716], [124.002065, 46.166816], [123.985517, 46.163745], [123.97429, 46.165515], [123.971968, 46.170303], [123.975258, 46.183935], [123.961613, 46.194443], [123.957064, 46.206874], [123.965581, 46.213634], [123.97971, 46.218677], [123.982323, 46.226424], [123.956, 46.244667], [123.952225, 46.259269], [123.962774, 46.269451], [123.966452, 46.277086], [123.958322, 46.289965], [123.934806, 46.285863], [123.929386, 46.279683], [123.928225, 46.267685], [123.917579, 46.256827], [123.904224, 46.258801], [123.89745, 46.264568], [123.907902, 46.278488], [123.902676, 46.291003], [123.908289, 46.295209], [123.896288, 46.30362], [123.866675, 46.299518], [123.849836, 46.302374], [123.824964, 46.285188], [123.804931, 46.283785], [123.805028, 46.27667], [123.792447, 46.273398], [123.787221, 46.267581], [123.756736, 46.259944], [123.744252, 46.264048], [123.725574, 46.255684], [123.704187, 46.25797], [123.696832, 46.254385], [123.679605, 46.253657], [123.668186, 46.258489], [123.631217, 46.253138], [123.604991, 46.251787], [123.598894, 46.245135], [123.596668, 46.234065], [123.574216, 46.230218], [123.569473, 46.223616], [123.561925, 46.236404], [123.544602, 46.235053], [123.531827, 46.241757], [123.526408, 46.24924], [123.499891, 46.259528], [123.477923, 46.249604], [123.479374, 46.244252], [123.464761, 46.240146], [123.453148, 46.232558], [123.450728, 46.237028], [123.43147, 46.243836], [123.417631, 46.24051], [123.408824, 46.244096], [123.40476, 46.239626], [123.394308, 46.244667], [123.386662, 46.227827], [123.373791, 46.22294], [123.356178, 46.228399], [123.359371, 46.230322], [123.347371, 46.245863], [123.335951, 46.244304], [123.320661, 46.254592], [123.32008, 46.251423], [123.302176, 46.248305], [123.280305, 46.253917], [123.27624, 46.261347], [123.253594, 46.265347], [123.248175, 46.273294], [123.223303, 46.270541], [123.211884, 46.262438], [123.178592, 46.248097], [123.144624, 46.229491], [123.128462, 46.210462], [123.127688, 46.174674], [123.102913, 46.17202], [123.112397, 46.130062], [123.069912, 46.123552], [123.045815, 46.100058], [122.956974, 46.090418], [122.793131, 46.073217], [122.828551, 45.912266], [122.826712, 45.897991], [122.817712, 45.881254], [122.800292, 45.856714], [122.772808, 45.856557], [122.76642, 45.845356], [122.752388, 45.834834], [122.772033, 45.806398], [122.771356, 45.801474], [122.789937, 45.774803], [122.792453, 45.766259], [122.77484, 45.75352], [122.771162, 45.746231], [122.75113, 45.73611], [122.761001, 45.722262], [122.746968, 45.720688], [122.748613, 45.712608], [122.742033, 45.705157], [122.671482, 45.700644], [122.669063, 45.716596], [122.663644, 45.721213], [122.665289, 45.729973], [122.649611, 45.732281], [122.648837, 45.74513], [122.640611, 45.771134], [122.611578, 45.774908], [122.603448, 45.778105], [122.567157, 45.806817], [122.566867, 45.814464], [122.556125, 45.821587], [122.544415, 45.815878], [122.533382, 45.80556], [122.530769, 45.798278], [122.518285, 45.784708], [122.504349, 45.787747], [122.501736, 45.806136], [122.503285, 45.821115], [122.495833, 45.858232], [122.475413, 45.877539], [122.445993, 45.916919], [122.374959, 45.920682], [122.362087, 45.917441], [122.360345, 45.903325], [122.362474, 45.887008], [122.368958, 45.862104], [122.37312, 45.856139], [122.355216, 45.855196], [122.337409, 45.859907], [122.335958, 45.849858], [122.321248, 45.84431], [122.32086, 45.830436], [122.302957, 45.829913], [122.311957, 45.825985], [122.299086, 45.818287], [122.301602, 45.812998], [122.281859, 45.809331], [122.285634, 45.802207], [122.274601, 45.805246], [122.262698, 45.794978], [122.255246, 45.796759], [122.245471, 45.810484], [122.243729, 45.825514], [122.236471, 45.831483], [122.219342, 45.830122], [122.216245, 45.845042], [122.204825, 45.850277], [122.200954, 45.856871], [122.190309, 45.854621], [122.185663, 45.859279], [122.155663, 45.866605], [122.147146, 45.864825], [122.138146, 45.873145], [122.115984, 45.873982], [122.101661, 45.881306], [122.091596, 45.881986], [122.086951, 45.894644], [122.082403, 45.896474], [122.085306, 45.909913], [122.081338, 45.920944], [122.071177, 45.930614], [122.055208, 45.932965], [122.043402, 45.94326], [122.039724, 45.959247], [122.016885, 45.961546], [122.00653, 45.966717], [122.004594, 45.984629], [121.994433, 45.982018], [121.987949, 45.971679], [121.961335, 45.981078], [121.962109, 45.986352], [121.944399, 45.989328], [121.928044, 45.988336], [121.922915, 45.997159], [121.923592, 46.004884], [121.894753, 46.008225], [121.893785, 46.002275], [121.864074, 46.002431], [121.858848, 46.01026], [121.848009, 46.014905], [121.842977, 46.024454], [121.823912, 46.023097], [121.812879, 46.025863], [121.814621, 46.02148], [121.796815, 46.010626], [121.786556, 46.011043], [121.785395, 46.003266], [121.764588, 46.000656], [121.759072, 45.993609], [121.767685, 45.984681], [121.783846, 45.986561], [121.809299, 45.961546], [121.806395, 45.957001], [121.811525, 45.94744], [121.803782, 45.942058], [121.811041, 45.937564], [121.807557, 45.9326], [121.818105, 45.927791], [121.821396, 45.918382], [121.805718, 45.900605], [121.808718, 45.887792], [121.817138, 45.875604], [121.804073, 45.873145], [121.785976, 45.860848], [121.778911, 45.848392], [121.769911, 45.843524], [121.764201, 45.831431], [121.772911, 45.826666], [121.767685, 45.819283], [121.75762, 45.818968], [121.751039, 45.804984], [121.754233, 45.794873], [121.741652, 45.791886], [121.740394, 45.786751], [121.72249, 45.785337], [121.688231, 45.763219], [121.675457, 45.769457], [121.656972, 45.770191], [121.644391, 45.752471], [121.648843, 45.747333], [121.669263, 45.739152], [121.664521, 45.729711], [121.670521, 45.723364], [121.688909, 45.712661], [121.71407, 45.701798], [121.733039, 45.699437], [121.756846, 45.690724], [121.782105, 45.693768], [121.811331, 45.686945], [121.808525, 45.693926], [121.812299, 45.70479], [121.852558, 45.717855], [121.867074, 45.719744], [121.894172, 45.713605], [121.899204, 45.718012], [121.933947, 45.710614], [121.944786, 45.71413], [121.970142, 45.692771], [121.994045, 45.637631], [122.000046, 45.633795], [122.003336, 45.623286], [121.995497, 45.605257], [121.996078, 45.598948], [121.979819, 45.595636], [121.966464, 45.596161], [121.972561, 45.568971], [121.993368, 45.552872], [121.993852, 45.539821], [122.003336, 45.524345], [122.002465, 45.507864], [122.023466, 45.49022], [122.033434, 45.487428], [122.063338, 45.472939], [122.08637, 45.46672], [122.12121, 45.453438], [122.157211, 45.446269], [122.164566, 45.443264], [122.168727, 45.430135], [122.179857, 45.409564], [122.146856, 45.374525], [122.143662, 45.35441], [122.144049, 45.322454], [122.147243, 45.295607], [122.187696, 45.28625], [122.238987, 45.27631], [122.238503, 45.263248], [122.241794, 45.247749], [122.230084, 45.206839], [122.216438, 45.193919], [122.192631, 45.180679], [122.143275, 45.18301], [122.126823, 45.159064], [122.109887, 45.142053], [122.118694, 45.0999], [122.119468, 45.068597], [122.108242, 45.049913], [122.098951, 45.021556], [122.074564, 45.006629], [122.086758, 44.952944], [122.079112, 44.914217], [122.063725, 44.911929], [122.049595, 44.912833], [122.04495, 44.899475], [122.05395, 44.896973], [122.056273, 44.882812], [122.070499, 44.882067], [122.074854, 44.860605], [122.084435, 44.851603], [122.082596, 44.839562], [122.089371, 44.833274], [122.098177, 44.818778], [122.100113, 44.809076], [122.092371, 44.799532], [122.099919, 44.782361], [122.115016, 44.7766], [122.157405, 44.777347], [122.169115, 44.770252], [122.153824, 44.763797], [122.142695, 44.753712], [122.127404, 44.757767], [122.110661, 44.767798], [122.098855, 44.7448], [122.102726, 44.73626], [122.116274, 44.739836], [122.152469, 44.743839], [122.161372, 44.728252], [122.148888, 44.715919], [122.131081, 44.710365], [122.117436, 44.702141], [122.115597, 44.688626], [122.103016, 44.673986], [122.113468, 44.615444], [122.131952, 44.603675], [122.13834, 44.588158], [122.131662, 44.577507], [122.163405, 44.567979], [122.196018, 44.559841], [122.202793, 44.554647], [122.208116, 44.54067], [122.224084, 44.526207], [122.22631, 44.518439], [122.222632, 44.497753], [122.214696, 44.493733], [122.228148, 44.48017], [122.244891, 44.47572], [122.258827, 44.476149], [122.272666, 44.473468], [122.286118, 44.477758], [122.29444, 44.410913], [122.291634, 44.310287], [122.274214, 44.273819], [122.265891, 44.267255], [122.271408, 44.255684], [122.311957, 44.234637], [122.319409, 44.232914], [122.367023, 44.235929], [122.482671, 44.236898], [122.512865, 44.250248], [122.559318, 44.260205], [122.597351, 44.272528], [122.642837, 44.283611], [122.675547, 44.285762], [122.690064, 44.296843], [122.691709, 44.303296], [122.703128, 44.318943], [122.726645, 44.342003], [122.760614, 44.369727], [122.777066, 44.375958], [122.856132, 44.398297], [122.920199, 44.4312], [122.940909, 44.445418], [122.95078, 44.449173], [123.024911, 44.492983], [123.040202, 44.499093], [123.067106, 44.506168], [123.083558, 44.506329], [123.111526, 44.509705], [123.125462, 44.509276], [123.139398, 44.522939], [123.142301, 44.545008], [123.148592, 44.554005], [123.178979, 44.569799], [123.201335, 44.576972], [123.213238, 44.574349], [123.2204, 44.590566], [123.244981, 44.596934], [123.247691, 44.606404], [123.253594, 44.605708], [123.27324, 44.620205], [123.285821, 44.624055], [123.289789, 44.635874], [123.295015, 44.638066], [123.317951, 44.639403], [123.3315, 44.649561], [123.348145, 44.652822], [123.370307, 44.662817], [123.383856, 44.663458], [123.418405, 44.671528], [123.455954, 44.696105], [123.502117, 44.707695], [123.523795, 44.707001], [123.525537, 44.727291], [123.514795, 44.734338], [123.4786, 44.77836], [123.467955, 44.793453], [123.449857, 44.812221], [123.429825, 44.849312], [123.419663, 44.855758], [123.451987, 44.892182], [123.497955, 44.930977], [123.489729, 44.952838], [123.492536, 44.959538], [123.519924, 44.96629], [123.530666, 44.951827], [123.540924, 44.952997], [123.556796, 44.960548], [123.57228, 44.963153], [123.587377, 44.971553], [123.611571, 44.995046], [123.632282, 45.009445], [123.689573, 45.033984], [123.720348, 45.048745], [123.746865, 45.064351], [123.82748, 45.130762], [123.83619, 45.142159], [123.851965, 45.151275], [123.879159, 45.17231], [123.882449, 45.178613], [123.919321, 45.209539], [123.934515, 45.213774], [123.942161, 45.219544], [123.976323, 45.225895], [123.988033, 45.225895], [124.025001, 45.230817], [124.053744, 45.231611], [124.069422, 45.236109], [124.079874, 45.249283], [124.086842, 45.263089], [124.065357, 45.285722], [124.07368, 45.314158], [124.087035, 45.32779], [124.100681, 45.332544], [124.115294, 45.332756], [124.12623, 45.336136], [124.202393, 45.374367], [124.224652, 45.382812], [124.26162, 45.402706], [124.285621, 45.420589], [124.334784, 45.436093], [124.347171, 45.445109], [124.373785, 45.458551]]]] + } + }, { + "type": "Feature", + "properties": { + "adcode": 222400, + "name": "延边朝鲜族自治州", + "center": [129.513228, 42.904823], + "centroid": [129.13087, 43.15089], + "childrenNum": 8, + "level": "city", + "parent": {"adcode": 220000}, + "subFeatureIndex": 8, + "acroutes": [100000, 220000] + }, + "geometry": { + "type": "MultiPolygon", + "coordinates": [[[[128.064558, 42.011538], [128.090784, 42.02276], [128.129689, 42.021141], [128.149044, 42.024937], [128.290628, 42.0265], [128.405793, 42.01902], [128.440051, 42.023095], [128.447987, 42.016507], [128.466181, 42.020806], [128.472278, 42.015447], [128.496763, 42.001879], [128.506247, 42.000203], [128.522699, 42.003163], [128.538086, 42.000762], [128.549409, 42.004782], [128.569152, 41.996406], [128.598378, 42.007351], [128.600798, 42.023597], [128.606604, 42.030072], [128.621605, 42.029961], [128.637863, 42.035207], [128.654412, 42.030854], [128.658283, 42.018685], [128.679574, 42.014386], [128.702123, 42.020415], [128.723994, 42.035542], [128.738027, 42.050219], [128.750414, 42.050498], [128.766479, 42.036937], [128.779254, 42.033533], [128.795028, 42.042406], [128.816029, 42.040007], [128.830449, 42.031523], [128.839933, 42.029067], [128.85503, 42.030463], [128.874095, 42.023597], [128.891031, 42.026109], [128.898096, 42.016731], [128.914838, 42.012264], [128.930516, 42.014107], [128.955581, 42.030742], [128.961775, 42.055798], [128.953645, 42.065562], [128.95471, 42.083745], [128.971259, 42.096961], [128.979195, 42.092221], [128.990711, 42.095177], [129.009486, 42.092277], [129.015389, 42.102425], [129.027776, 42.101421], [129.039293, 42.107721], [129.038906, 42.115024], [129.046358, 42.119539], [129.032131, 42.121044], [129.041228, 42.124053], [129.041809, 42.131688], [129.057777, 42.141106], [129.076745, 42.142833], [129.069584, 42.153697], [129.077616, 42.160047], [129.084778, 42.156872], [129.091165, 42.142889], [129.108682, 42.145173], [129.113714, 42.140771], [129.133166, 42.156371], [129.132876, 42.166007], [129.138199, 42.16907], [129.160457, 42.167121], [129.167135, 42.172746], [129.163651, 42.18032], [129.166651, 42.188226], [129.178555, 42.190342], [129.192006, 42.198748], [129.19549, 42.206486], [129.21591, 42.208211], [129.222104, 42.217951], [129.203716, 42.2204], [129.200523, 42.228913], [129.20933, 42.237649], [129.199362, 42.243935], [129.190071, 42.23865], [129.181651, 42.242043], [129.1832, 42.262067], [129.19191, 42.266293], [129.215814, 42.265348], [129.225201, 42.269852], [129.229169, 42.285086], [129.219007, 42.283641], [129.206523, 42.287644], [129.208652, 42.293258], [129.222104, 42.296704], [129.240588, 42.306486], [129.241556, 42.312376], [129.220556, 42.310709], [129.206233, 42.312765], [129.204491, 42.319044], [129.217556, 42.323822], [129.229459, 42.320933], [129.248814, 42.320655], [129.256653, 42.323211], [129.260234, 42.335655], [129.240105, 42.347041], [129.231104, 42.356148], [129.244556, 42.378911], [129.261686, 42.374026], [129.272234, 42.380577], [129.275331, 42.387515], [129.294299, 42.380521], [129.302622, 42.387959], [129.321107, 42.385572], [129.324591, 42.392232], [129.308719, 42.403719], [129.318397, 42.409711], [129.312203, 42.421639], [129.327881, 42.421972], [129.331268, 42.429515], [129.341236, 42.409656], [129.354785, 42.409489], [129.349172, 42.414205], [129.358753, 42.419087], [129.355075, 42.430236], [129.342107, 42.441494], [129.351204, 42.454303], [129.36785, 42.459126], [129.37656, 42.451309], [129.373463, 42.444322], [129.361269, 42.433453], [129.368334, 42.425522], [129.382463, 42.424523], [129.392721, 42.428184], [129.393205, 42.444045], [129.400947, 42.449036], [129.426206, 42.436004], [129.433368, 42.434895], [129.452336, 42.440995], [129.469369, 42.422748], [129.478756, 42.417423], [129.498885, 42.412041], [129.509337, 42.396838], [129.521822, 42.39201], [129.530725, 42.382741], [129.538177, 42.368419], [129.546209, 42.361535], [129.55821, 42.362478], [129.55608, 42.374803], [129.578049, 42.380299], [129.565274, 42.388625], [129.569242, 42.399002], [129.584726, 42.409545], [129.600404, 42.411209], [129.603695, 42.429903], [129.61434, 42.441716], [129.610759, 42.444877], [129.598565, 42.443047], [129.590823, 42.448537], [129.594307, 42.453693], [129.606308, 42.454913], [129.616082, 42.463949], [129.627502, 42.46284], [129.631663, 42.454746], [129.646857, 42.437834], [129.65218, 42.42652], [129.673761, 42.431623], [129.704536, 42.427241], [129.721472, 42.437224], [129.748569, 42.471044], [129.749924, 42.479746], [129.739376, 42.499251], [129.744408, 42.514651], [129.742182, 42.527998], [129.749827, 42.546823], [129.740537, 42.563263], [129.739763, 42.573833], [129.74615, 42.584402], [129.759312, 42.587832], [129.76415, 42.603708], [129.786312, 42.607137], [129.786603, 42.61582], [129.761247, 42.617589], [129.759312, 42.625496], [129.77286, 42.634287], [129.769086, 42.63987], [129.754473, 42.64595], [129.756989, 42.653246], [129.770344, 42.658109], [129.780215, 42.645895], [129.787957, 42.643961], [129.792603, 42.649046], [129.783699, 42.65308], [129.776344, 42.669105], [129.796861, 42.681867], [129.768989, 42.705892], [129.764828, 42.722511], [129.781377, 42.746299], [129.783699, 42.762742], [129.792409, 42.773775], [129.806055, 42.785578], [129.811184, 42.795228], [129.80741, 42.813917], [129.814184, 42.832491], [129.812926, 42.842409], [129.816313, 42.851004], [129.833055, 42.85833], [129.845636, 42.901556], [129.846798, 42.918452], [129.851443, 42.922524], [129.870605, 42.919058], [129.874766, 42.9239], [129.859282, 42.944806], [129.856282, 42.953716], [129.860153, 42.967409], [129.869153, 42.973787], [129.88425, 42.973347], [129.908832, 42.969114], [129.91638, 42.974447], [129.912509, 42.97879], [129.88996, 42.981869], [129.888508, 42.994566], [129.897122, 43.001711], [129.939703, 43.012261], [129.954123, 43.010998], [129.958188, 42.985497], [129.961865, 42.97967], [129.97822, 42.976426], [130.002221, 42.981264], [130.016254, 42.969664], [130.027286, 42.967519], [130.066481, 42.969993], [130.083126, 42.975766], [130.108482, 42.989729], [130.115353, 42.98841], [130.143999, 42.976426], [130.144289, 42.971368], [130.120869, 42.954376], [130.119902, 42.945906], [130.127644, 42.932593], [130.104514, 42.928302], [130.102191, 42.922909], [130.116418, 42.913279], [130.136063, 42.903482], [130.146031, 42.902987], [130.170613, 42.912289], [130.190065, 42.909262], [130.209807, 42.902271], [130.229356, 42.901776], [130.257808, 42.906069], [130.267196, 42.902877], [130.277067, 42.893904], [130.272906, 42.87254], [130.258002, 42.860534], [130.254034, 42.828799], [130.247937, 42.821965], [130.245421, 42.799032], [130.257324, 42.791974], [130.251905, 42.781882], [130.243776, 42.780393], [130.25055, 42.766935], [130.25026, 42.755239], [130.242034, 42.738739], [130.25297, 42.725768], [130.254808, 42.714671], [130.262163, 42.708211], [130.290035, 42.703076], [130.306197, 42.685126], [130.318681, 42.662475], [130.333488, 42.649654], [130.365618, 42.636443], [130.373069, 42.630915], [130.382844, 42.609405], [130.387876, 42.603044], [130.42078, 42.616981], [130.446813, 42.607248], [130.444297, 42.600721], [130.4262, 42.585398], [130.42378, 42.574663], [130.43549, 42.553411], [130.441781, 42.549813], [130.460556, 42.552857], [130.475556, 42.561603], [130.476427, 42.569849], [130.459685, 42.588164], [130.46433, 42.604759], [130.482524, 42.626657], [130.496169, 42.629477], [130.513492, 42.627487], [130.522783, 42.6224], [130.528977, 42.606639], [130.520267, 42.593253], [130.520557, 42.583074], [130.529267, 42.572007], [130.531396, 42.554463], [130.535461, 42.54483], [130.556074, 42.523568], [130.558881, 42.496037], [130.563236, 42.492269], [130.585978, 42.485343], [130.588881, 42.480245], [130.583559, 42.472707], [130.574365, 42.450255], [130.581139, 42.435616], [130.611334, 42.433675], [130.640173, 42.422693], [130.645689, 42.426409], [130.615689, 42.443158], [130.601559, 42.448869], [130.598172, 42.467164], [130.602817, 42.470656], [130.600011, 42.486063], [130.565558, 42.506452], [130.5703, 42.520632], [130.566913, 42.528773], [130.576494, 42.541066], [130.5703, 42.554352], [130.581817, 42.561215], [130.600785, 42.559721], [130.610463, 42.554684], [130.611527, 42.5652], [130.623528, 42.573778], [130.627592, 42.586725], [130.633496, 42.590819], [130.634754, 42.600445], [130.623721, 42.614216], [130.623044, 42.631523], [130.612592, 42.633292], [130.603108, 42.642302], [130.601559, 42.654075], [130.592075, 42.671702], [130.574946, 42.680376], [130.569816, 42.68717], [130.547848, 42.693743], [130.542525, 42.699486], [130.528783, 42.703794], [130.493653, 42.690981], [130.476717, 42.692417], [130.466265, 42.688109], [130.45891, 42.694626], [130.455233, 42.70407], [130.442168, 42.706003], [130.437136, 42.710254], [130.425232, 42.706997], [130.414103, 42.716604], [130.408877, 42.72643], [130.402102, 42.729411], [130.429103, 42.732116], [130.425813, 42.741112], [130.434716, 42.751762], [130.464233, 42.762411], [130.466265, 42.772341], [130.493653, 42.775098], [130.50817, 42.783978], [130.532364, 42.787177], [130.547267, 42.798315], [130.55259, 42.808074], [130.563332, 42.815626], [130.578817, 42.818106], [130.588494, 42.813421], [130.592849, 42.818272], [130.603398, 42.819484], [130.633592, 42.835632], [130.645593, 42.834034], [130.65169, 42.841417], [130.667077, 42.848194], [130.687207, 42.850453], [130.698336, 42.846046], [130.708981, 42.846376], [130.715465, 42.842024], [130.718175, 42.832381], [130.726885, 42.831334], [130.73995, 42.843566], [130.753692, 42.84577], [130.769757, 42.837671], [130.78379, 42.841638], [130.781951, 42.851775], [130.789403, 42.863453], [130.784467, 42.866262], [130.801887, 42.879479], [130.826178, 42.882562], [130.844759, 42.881076], [130.85734, 42.869511], [130.859856, 42.862131], [130.876405, 42.864224], [130.878728, 42.859102], [130.890728, 42.852932], [130.908051, 42.859432], [130.912987, 42.870888], [130.923535, 42.869456], [130.930019, 42.875129], [130.949665, 42.877001], [130.964472, 42.865601], [130.970956, 42.866207], [130.980924, 42.85778], [130.996892, 42.860644], [131.00415, 42.858716], [131.016538, 42.864169], [131.024473, 42.861525], [131.043345, 42.863178], [131.045861, 42.866647], [131.038119, 42.877166], [131.037732, 42.885315], [131.024667, 42.894895], [131.024861, 42.905519], [131.017602, 42.912674], [131.033764, 42.928687], [131.044022, 42.922634], [131.049248, 42.925991], [131.063281, 42.918287], [131.072088, 42.926321], [131.090282, 42.916746], [131.102669, 42.918892], [131.115056, 42.91504], [131.128218, 42.931218], [131.145638, 42.936609], [131.146993, 42.946566], [131.143509, 42.957181], [131.151154, 42.968399], [131.128702, 42.966969], [131.115153, 42.975437], [131.119605, 42.980275], [131.113314, 42.993522], [131.118444, 43.000117], [131.114282, 43.015009], [131.102475, 43.021437], [131.108766, 43.037202], [131.120089, 43.050547], [131.125121, 43.052029], [131.120476, 43.068116], [131.132767, 43.072343], [131.160348, 43.075581], [131.171768, 43.069927], [131.169929, 43.091881], [131.165187, 43.095558], [131.173413, 43.110975], [131.1948, 43.117886], [131.212123, 43.143387], [131.218511, 43.14706], [131.209414, 43.168055], [131.22064, 43.181864], [131.218898, 43.191343], [131.210962, 43.19956], [131.201478, 43.202682], [131.200026, 43.211172], [131.205736, 43.221741], [131.20293, 43.228367], [131.206123, 43.237126], [131.228092, 43.249114], [131.232543, 43.25393], [131.255189, 43.265149], [131.254028, 43.281125], [131.257125, 43.288838], [131.265835, 43.292448], [131.269415, 43.299175], [131.265641, 43.313775], [131.264964, 43.331596], [131.271835, 43.345861], [131.272802, 43.358428], [131.280351, 43.378148], [131.289448, 43.383282], [131.299513, 43.380988], [131.304158, 43.390436], [131.31761, 43.397425], [131.312771, 43.405232], [131.314029, 43.417515], [131.301448, 43.423245], [131.30019, 43.437434], [131.296126, 43.44158], [131.303577, 43.455274], [131.314416, 43.461219], [131.315578, 43.483632], [131.320707, 43.489574], [131.319546, 43.498733], [131.304352, 43.502221], [131.2969, 43.494644], [131.306578, 43.486467], [131.306094, 43.479379], [131.290996, 43.477743], [131.294093, 43.470381], [131.269609, 43.468582], [131.255286, 43.475562], [131.235737, 43.475835], [131.236511, 43.464928], [131.227414, 43.457292], [131.204962, 43.454728], [131.200897, 43.442181], [131.192091, 43.439398], [131.177574, 43.445509], [131.158703, 43.430722], [131.146993, 43.430285], [131.142638, 43.425974], [131.125605, 43.433723], [131.120766, 43.447691], [131.106734, 43.450691], [131.092024, 43.457728], [131.074894, 43.472617], [131.068507, 43.482487], [131.0477, 43.491537], [131.026699, 43.508761], [131.001344, 43.507562], [130.999699, 43.50293], [130.98315, 43.492791], [130.960601, 43.486303], [130.955085, 43.47638], [130.944633, 43.476543], [130.921309, 43.455383], [130.908051, 43.434542], [130.892373, 43.433669], [130.859759, 43.439071], [130.851533, 43.449437], [130.840791, 43.454674], [130.836146, 43.472999], [130.824242, 43.491919], [130.823468, 43.502875], [130.808274, 43.50511], [130.795596, 43.515791], [130.792596, 43.52767], [130.77508, 43.521349], [130.759305, 43.542651], [130.735788, 43.545102], [130.727659, 43.560187], [130.702207, 43.560133], [130.699691, 43.568137], [130.68111, 43.569117], [130.671142, 43.56487], [130.667271, 43.583597], [130.656141, 43.581093], [130.648399, 43.587408], [130.630786, 43.583325], [130.623818, 43.589421], [130.634947, 43.614452], [130.623915, 43.62419], [130.607366, 43.620219], [130.59672, 43.621905], [130.591011, 43.613854], [130.585494, 43.613963], [130.571075, 43.62642], [130.5583, 43.630119], [130.546977, 43.62332], [130.533622, 43.631261], [130.503234, 43.639854], [130.48833, 43.656112], [130.468394, 43.656438], [130.455717, 43.647521], [130.443039, 43.652251], [130.437039, 43.646379], [130.42649, 43.651218], [130.412845, 43.652686], [130.408296, 43.664646], [130.410135, 43.66981], [130.399877, 43.67443], [130.394457, 43.703337], [130.409167, 43.717949], [130.415941, 43.73652], [130.423393, 43.744663], [130.413329, 43.756117], [130.391844, 43.767351], [130.379747, 43.781784], [130.384102, 43.788782], [130.37965, 43.825766], [130.368037, 43.833193], [130.363779, 43.845984], [130.373553, 43.852216], [130.386328, 43.854004], [130.380618, 43.86457], [130.371231, 43.870962], [130.372586, 43.876054], [130.366198, 43.890678], [130.374327, 43.901995], [130.383328, 43.905784], [130.378392, 43.912227], [130.368521, 43.91515], [130.369489, 43.920942], [130.355843, 43.940478], [130.337649, 43.947025], [130.340552, 43.953841], [130.33852, 43.964119], [130.345004, 43.963686], [130.350133, 43.975962], [130.363295, 43.990831], [130.359908, 43.999211], [130.36736, 44.014668], [130.358359, 44.023908], [130.365714, 44.033309], [130.365521, 44.044005], [130.345198, 44.050972], [130.343069, 44.046166], [130.327294, 44.039684], [130.319358, 44.039792], [130.308035, 44.021531], [130.307648, 44.002778], [130.272228, 43.980991], [130.274551, 43.967796], [130.260034, 43.956221], [130.26197, 43.949405], [130.23884, 43.940478], [130.228388, 43.949026], [130.218904, 43.94432], [130.207775, 43.948485], [130.204968, 43.943346], [130.189678, 43.940965], [130.189774, 43.93485], [130.170129, 43.927382], [130.164903, 43.918777], [130.153773, 43.915637], [130.151838, 43.904756], [130.154548, 43.891923], [130.145547, 43.887374], [130.144096, 43.879088], [130.116224, 43.878058], [130.110224, 43.869933], [130.110805, 43.852379], [130.095417, 43.842516], [130.085159, 43.841865], [130.079836, 43.835253], [130.066674, 43.83444], [130.051771, 43.842299], [130.048093, 43.851512], [130.035125, 43.854763], [130.027093, 43.851837], [130.017125, 43.867333], [130.009092, 43.888782], [130.014318, 43.906001], [130.024093, 43.91699], [130.01906, 43.938043], [130.025544, 43.943833], [130.013641, 43.956546], [130.017996, 43.961468], [130.003189, 43.964497], [130.005995, 43.969527], [129.988963, 43.982235], [130.003189, 43.989155], [129.996027, 43.993805], [129.996221, 44.001697], [129.985285, 43.998832], [129.98064, 44.014452], [129.96051, 44.020018], [129.95122, 44.027204], [129.935735, 44.027366], [129.924509, 44.015263], [129.918122, 44.023044], [129.908541, 44.024341], [129.900799, 44.01175], [129.892476, 44.012074], [129.880379, 44.000075], [129.870121, 44.002075], [129.867121, 44.011966], [129.852798, 43.99721], [129.840507, 43.996616], [129.823281, 43.982613], [129.817765, 43.973962], [129.803151, 43.964984], [129.785151, 43.964605], [129.78128, 43.95541], [129.794248, 43.939991], [129.790667, 43.932848], [129.778086, 43.929439], [129.786893, 43.917261], [129.786119, 43.901616], [129.780215, 43.892844], [129.766376, 43.89241], [129.752634, 43.896634], [129.739763, 43.895768], [129.739472, 43.8825], [129.724956, 43.878058], [129.698536, 43.883637], [129.684019, 43.877408], [129.668148, 43.876813], [129.658761, 43.872046], [129.650438, 43.873238], [129.649664, 43.880658], [129.642212, 43.878221], [129.619856, 43.879358], [129.609211, 43.882229], [129.594791, 43.874375], [129.56779, 43.871017], [129.550951, 43.874429], [129.529467, 43.870637], [129.509821, 43.873888], [129.498111, 43.880279], [129.493079, 43.875404], [129.468014, 43.874592], [129.468401, 43.866791], [129.451175, 43.851783], [129.430658, 43.844358], [129.417883, 43.843599], [129.407238, 43.829019], [129.406851, 43.819423], [129.38856, 43.817525], [129.38827, 43.81091], [129.376366, 43.808036], [129.370947, 43.801637], [129.347914, 43.798545], [129.320429, 43.811127], [129.310461, 43.812212], [129.311139, 43.801583], [129.302138, 43.79643], [129.290332, 43.797027], [129.278041, 43.813892], [129.254911, 43.819531], [129.241459, 43.807602], [129.225491, 43.798111], [129.212136, 43.784984], [129.213007, 43.769304], [129.218717, 43.75172], [129.211362, 43.747975], [129.221136, 43.742438], [129.216491, 43.723651], [129.230911, 43.714853], [129.231878, 43.708552], [129.214265, 43.695243], [129.219781, 43.682256], [129.213781, 43.666223], [129.218136, 43.648445], [129.224523, 43.64888], [129.232266, 43.635503], [129.23033, 43.594483], [129.225394, 43.588061], [129.210297, 43.584632], [129.205749, 43.574942], [129.192877, 43.576031], [129.185329, 43.568736], [129.169458, 43.561494], [129.166748, 43.570859], [129.148457, 43.570913], [129.141199, 43.564489], [129.121553, 43.555504], [129.110714, 43.559207], [129.098327, 43.556375], [129.095617, 43.548587], [129.073068, 43.547444], [129.038519, 43.540526], [129.014324, 43.523311], [128.983259, 43.536604], [128.963226, 43.539001], [128.949581, 43.554034], [128.934871, 43.55594], [128.925774, 43.553598], [128.913677, 43.543686], [128.877966, 43.540145], [128.866643, 43.558118], [128.854449, 43.557247], [128.850965, 43.575759], [128.8349, 43.587408], [128.820965, 43.637243], [128.813222, 43.638929], [128.814674, 43.645509], [128.80848, 43.653502], [128.806642, 43.666766], [128.787383, 43.686929], [128.789319, 43.695134], [128.783318, 43.704261], [128.784286, 43.715613], [128.771512, 43.720501], [128.768125, 43.732448], [128.753124, 43.727669], [128.741801, 43.734674], [128.743543, 43.739343], [128.72864, 43.737877], [128.729027, 43.745912], [128.73764, 43.753077], [128.750414, 43.757256], [128.767447, 43.758559], [128.759318, 43.760893], [128.750318, 43.784171], [128.743156, 43.793121], [128.742575, 43.801745], [128.731833, 43.811561], [128.718768, 43.817905], [128.726414, 43.831783], [128.746543, 43.849669], [128.760866, 43.857689], [128.72351, 43.894685], [128.707833, 43.897446], [128.696316, 43.903294], [128.692735, 43.895118], [128.678993, 43.89241], [128.669316, 43.897338], [128.661767, 43.890244], [128.648218, 43.894685], [128.636411, 43.891382], [128.63496, 43.903348], [128.64096, 43.907246], [128.633798, 43.910873], [128.631379, 43.925759], [128.645218, 43.935879], [128.640282, 43.947512], [128.624218, 43.950325], [128.603991, 43.967418], [128.594604, 43.981856], [128.584539, 43.990831], [128.585023, 44.002508], [128.578829, 44.012993], [128.575055, 44.031581], [128.574958, 44.047516], [128.566248, 44.050594], [128.558603, 44.069278], [128.546409, 44.083638], [128.535377, 44.091842], [128.537893, 44.099721], [128.531796, 44.10215], [128.528893, 44.112293], [128.519699, 44.119253], [128.50286, 44.12346], [128.50015, 44.132737], [128.492698, 44.136567], [128.48273, 44.151881], [128.471891, 44.157703], [128.468601, 44.174844], [128.4626, 44.186861], [128.465697, 44.196452], [128.460278, 44.20227], [128.450116, 44.203725], [128.458342, 44.212127], [128.457278, 44.226399], [128.471214, 44.236467], [128.471794, 44.247772], [128.465891, 44.253908], [128.453891, 44.257999], [128.456407, 44.267416], [128.470149, 44.288775], [128.468214, 44.297488], [128.475472, 44.310502], [128.472278, 44.319804], [128.455342, 44.330555], [128.446536, 44.339853], [128.453697, 44.343185], [128.469955, 44.343561], [128.475665, 44.347162], [128.475665, 44.36269], [128.481665, 44.375636], [128.470633, 44.392445], [128.461342, 44.399854], [128.456987, 44.410913], [128.457375, 44.421701], [128.462794, 44.433024], [128.4536, 44.438014], [128.436664, 44.452821], [128.427761, 44.473468], [128.388373, 44.48982], [128.381695, 44.505042], [128.372985, 44.514259], [128.346662, 44.509383], [128.338823, 44.505578], [128.329339, 44.495395], [128.296919, 44.482422], [128.29208, 44.467302], [128.271563, 44.460169], [128.259756, 44.45856], [128.25395, 44.446652], [128.228111, 44.445471], [128.211755, 44.432112], [128.210207, 44.424224], [128.197626, 44.397438], [128.198884, 44.393035], [128.1894, 44.373809], [128.187948, 44.363227], [128.171786, 44.346517], [128.162786, 44.344744], [128.154076, 44.356189], [128.138979, 44.357855], [128.125624, 44.348989], [128.110914, 44.357264], [128.097365, 44.354147], [128.075107, 44.369405], [128.072203, 44.374884], [128.063009, 44.356995], [128.050332, 44.35044], [128.055848, 44.343185], [128.064074, 44.341734], [128.056332, 44.32905], [128.062913, 44.324104], [128.065139, 44.307329], [128.079752, 44.307491], [128.086139, 44.29496], [128.097946, 44.295821], [128.101527, 44.290388], [128.08972, 44.275864], [128.074139, 44.269622], [128.06388, 44.26155], [128.064461, 44.251056], [128.080816, 44.246265], [128.092333, 44.247987], [128.094172, 44.241743], [128.087978, 44.238944], [128.103946, 44.23006], [128.105107, 44.214982], [128.09243, 44.21579], [128.09243, 44.181581], [128.070461, 44.181149], [128.060493, 44.168592], [128.075687, 44.158997], [128.087881, 44.158781], [128.084978, 44.147621], [128.091462, 44.139533], [128.100752, 44.13538], [128.09001, 44.132252], [128.052558, 44.107006], [128.042493, 44.103984], [128.024589, 44.107761], [128.007266, 44.094271], [127.981523, 44.090223], [127.96662, 44.090979], [127.962555, 44.087632], [127.94949, 44.088118], [127.93449, 44.07797], [127.918135, 44.070034], [127.912812, 44.064797], [127.889586, 44.069602], [127.865004, 44.062259], [127.870133, 44.055779], [127.860456, 44.049082], [127.852423, 44.048272], [127.84981, 44.041574], [127.835584, 44.037415], [127.835778, 44.031797], [127.820971, 44.02045], [127.807809, 44.017911], [127.800551, 44.008183], [127.788938, 44.00267], [127.783422, 43.995913], [127.785744, 43.989318], [127.782744, 43.978828], [127.792325, 43.973421], [127.779841, 43.97169], [127.786131, 43.956113], [127.778679, 43.949513], [127.775873, 43.936744], [127.762518, 43.937231], [127.781196, 43.929709], [127.795228, 43.916774], [127.836068, 43.901074], [127.839552, 43.896634], [127.851262, 43.896147], [127.850972, 43.888836], [127.861036, 43.882175], [127.854456, 43.857635], [127.83752, 43.86717], [127.816519, 43.853571], [127.811003, 43.840944], [127.816713, 43.836066], [127.807809, 43.827935], [127.817971, 43.81861], [127.813422, 43.812103], [127.826874, 43.809771], [127.835584, 43.801528], [127.844197, 43.800389], [127.84052, 43.79502], [127.839358, 43.779234], [127.857262, 43.754868], [127.856972, 43.746998], [127.877101, 43.735], [127.893457, 43.729733], [127.906522, 43.732339], [127.915909, 43.730602], [127.920554, 43.721316], [127.917457, 43.716374], [127.924716, 43.7079], [127.910296, 43.70312], [127.913489, 43.694591], [127.90265, 43.689864], [127.909909, 43.68443], [127.905651, 43.670082], [127.913296, 43.666223], [127.916393, 43.657851], [127.913006, 43.651871], [127.899457, 43.645618], [127.896554, 43.625006], [127.884263, 43.620382], [127.865682, 43.624897], [127.854649, 43.616411], [127.853585, 43.610644], [127.840907, 43.595136], [127.82939, 43.598564], [127.816519, 43.590728], [127.819326, 43.583053], [127.8111, 43.581148], [127.797938, 43.572166], [127.798809, 43.564761], [127.791744, 43.563509], [127.791164, 43.554578], [127.777034, 43.555014], [127.770841, 43.54984], [127.769873, 43.531974], [127.774518, 43.525763], [127.761356, 43.523257], [127.745001, 43.503693], [127.733775, 43.504456], [127.719839, 43.510396], [127.71771, 43.502439], [127.698161, 43.484232], [127.704258, 43.480851], [127.706678, 43.464655], [127.697097, 43.451346], [127.696323, 43.43727], [127.701742, 43.430285], [127.710162, 43.430231], [127.70571, 43.409272], [127.698645, 43.401957], [127.703484, 43.395023], [127.694968, 43.378039], [127.688096, 43.375144], [127.686064, 43.367278], [127.678999, 43.364219], [127.682193, 43.35433], [127.671741, 43.349522], [127.647934, 43.346298], [127.639902, 43.340068], [127.625192, 43.341216], [127.617449, 43.334821], [127.633902, 43.323288], [127.630514, 43.312955], [127.61532, 43.305464], [127.618417, 43.300159], [127.643482, 43.292721], [127.654128, 43.283258], [127.659451, 43.27352], [127.657225, 43.260169], [127.644547, 43.249333], [127.636224, 43.236688], [127.634192, 43.223822], [127.611933, 43.206243], [127.595965, 43.197533], [127.585997, 43.195068], [127.581352, 43.187508], [127.5679, 43.186631], [127.562287, 43.178796], [127.561513, 43.168986], [127.54748, 43.161039], [127.548544, 43.157695], [127.532189, 43.146238], [127.510608, 43.140865], [127.480027, 43.139768], [127.488833, 43.129239], [127.503447, 43.120574], [127.492898, 43.091552], [127.501801, 43.070586], [127.501124, 43.065591], [127.484769, 43.060869], [127.483414, 43.053018], [127.469962, 43.038026], [127.469768, 43.028688], [127.479543, 43.021986], [127.497253, 43.023359], [127.504705, 43.011822], [127.516802, 43.003195], [127.531221, 42.984452], [127.548351, 42.978076], [127.557932, 42.979175], [127.575448, 42.966749], [127.5859, 42.955916], [127.596643, 42.957346], [127.608449, 42.954596], [127.616579, 42.945631], [127.636321, 42.937765], [127.640966, 42.921699], [127.655096, 42.917902], [127.674838, 42.902712], [127.696129, 42.900345], [127.711613, 42.891317], [127.728356, 42.892803], [127.744324, 42.890271], [127.754098, 42.901831], [127.759421, 42.902436], [127.774034, 42.895445], [127.776938, 42.887958], [127.794744, 42.874192], [127.807325, 42.878598], [127.819035, 42.875789], [127.825036, 42.868134], [127.819713, 42.864004], [127.815455, 42.840866], [127.829197, 42.834254], [127.835197, 42.818878], [127.841778, 42.818933], [127.85252, 42.811106], [127.843617, 42.805593], [127.847004, 42.801017], [127.837617, 42.788335], [127.833165, 42.775871], [127.834423, 42.762576], [127.85223, 42.757997], [127.855811, 42.753142], [127.869359, 42.751431], [127.865682, 42.740671], [127.874005, 42.734655], [127.86723, 42.730349], [127.857553, 42.735814], [127.846907, 42.730736], [127.850391, 42.72494], [127.862101, 42.719088], [127.875263, 42.696118], [127.890457, 42.695952], [127.89936, 42.689932], [127.895586, 42.684298], [127.885908, 42.689269], [127.882037, 42.684795], [127.886005, 42.674796], [127.904489, 42.670155], [127.923167, 42.67336], [127.938458, 42.663027], [127.960329, 42.657833], [127.965942, 42.653191], [127.964588, 42.644348], [127.953555, 42.641473], [127.959749, 42.630583], [127.959168, 42.620962], [127.973201, 42.622179], [127.967201, 42.612004], [127.981427, 42.610511], [127.994588, 42.600832], [127.987137, 42.59884], [127.995169, 42.588551], [127.995846, 42.581967], [128.008621, 42.578537], [128.015879, 42.56996], [128.012492, 42.563983], [128.021395, 42.565588], [128.027783, 42.561215], [128.020234, 42.541619], [128.028073, 42.541564], [128.024105, 42.529825], [128.03388, 42.528662], [128.034267, 42.50058], [128.03146, 42.496813], [128.043557, 42.480134], [128.035138, 42.465501], [128.018589, 42.450754], [128.014137, 42.436836], [128.016266, 42.427851], [128.007169, 42.414205], [127.998169, 42.413706], [127.983362, 42.403663], [127.959942, 42.392954], [127.9522, 42.374526], [127.943781, 42.367697], [127.92249, 42.36903], [127.903521, 42.366865], [127.903521, 42.34904], [127.890069, 42.338321], [127.887747, 42.3301], [127.858617, 42.327655], [127.845165, 42.330711], [127.840617, 42.326711], [127.817777, 42.323489], [127.80839, 42.307041], [127.810713, 42.29676], [127.828907, 42.280806], [127.854552, 42.283363], [127.862004, 42.274245], [127.868391, 42.276525], [127.877682, 42.266905], [127.880682, 42.250554], [127.885327, 42.2431], [127.900812, 42.239985], [127.907586, 42.243601], [127.912618, 42.231083], [127.910296, 42.221067], [127.915425, 42.204092], [127.927812, 42.188672], [127.943684, 42.181433], [127.952684, 42.172412], [127.960523, 42.172412], [127.968362, 42.16467], [127.96091, 42.145619], [127.963717, 42.140326], [127.987524, 42.125224], [127.991395, 42.11547], [128.015299, 42.087426], [128.024299, 42.071307], [128.036589, 42.042853], [128.039202, 42.029905], [128.064558, 42.011538]]]] + } + }] +} diff --git a/src/views/screen/screen.vue b/src/views/screen/screen.vue new file mode 100644 index 0000000..2b9a88c --- /dev/null +++ b/src/views/screen/screen.vue @@ -0,0 +1,198 @@ + + + + + diff --git a/src/views/screen/scress.api.ts b/src/views/screen/scress.api.ts new file mode 100644 index 0000000..879d5e1 --- /dev/null +++ b/src/views/screen/scress.api.ts @@ -0,0 +1,21 @@ +import {defHttp} from '/@/utils/http/axios'; + +enum Api { + heatanalysisList = '/heating/heatanalysis/list', + heatanalysisStaticList = '/heating/heatanalysis/staticList', + historyList = '/heating/heatanalysishistory/queryHistoryList', + +} + +/** + * 列表接口 + * @param params + */ +export const heatanalysisList = (params) => + defHttp.get({url: Api.heatanalysisList, params}); + +export const heatanalysisStaticList = (params) => + defHttp.get({url: Api.heatanalysisStaticList, params}); + +export const historyList = (params) => + defHttp.get({url: Api.historyList, params}); diff --git a/src/views/temperature/report/Gauge.vue b/src/views/temperature/report/Gauge.vue index d42c9c4..6cff6af 100644 --- a/src/views/temperature/report/Gauge.vue +++ b/src/views/temperature/report/Gauge.vue @@ -130,7 +130,7 @@ Object.assign(option, cloneDeep(props.option)); } option.title.text = props.chartData.title; - option.series[0].data[0].name = props.chartData.name; + // option.series[0].data[0].name = props.chartData.name; option.series[0].data[0].value = props.chartData.value; // update-begin--author:liaozhiyang---date:20240407---for：【QQYUN-8762】首页默认及echars颜色调整 option.series[0].color = props.seriesColor; diff --git a/src/views/temperature/report/TemperatureList.vue b/src/views/temperature/report/TemperatureList.vue index 97ff73c..8dea819 100644 --- a/src/views/temperature/report/TemperatureList.vue +++ b/src/views/temperature/report/TemperatureList.vue @@ -16,16 +16,44 @@
    - + + + + + +
    {{code}}
    +     +     - + + + + + +
    {{code2}}
    +     +     - + + + + + +
    {{code2}}
    +     +     - + + + + + +
    {{code2}}
    +     +
    @@ -82,6 +110,10 @@ let gaugeData2 = ref({}); let gaugeData3 = ref({}); let gaugeData4 = ref({}); const lineData = ref([]); +let code = ref(''); +let code2 = ref(''); +let code3 = ref(''); +let code4 = ref(''); const TimeFun = () => { setInterval(() => { @@ -102,17 +134,21 @@ const getTempDataFn = async () => { gaugeData.value["title"] = ""; gaugeData.value["name"] = resData.code; gaugeData.value["value"] = resData.roomTemp; + code.value = resData.code; tempDate.value = resData.roomTemp; reportTime.value = resData.reportTime; const resData2 = await findOne({"SDate": currentDate.value,"code": "867896075324312"}); gaugeData2.value["name"] = resData2.code; gaugeData2.value["value"] = resData2.roomTemp; + code2.value = resData2.code; const resData3 = await findOne({"SDate": currentDate.value,"code": "867896075536782"}); gaugeData3.value["name"] = resData3.code; gaugeData3.value["value"] = resData3.roomTemp; + code3.value = resData3.code; const resData4 = await findOne({"SDate": currentDate.value,"code": "867896075562028"}); gaugeData4.value["name"] = resData4.code; gaugeData4.value["value"] = resData4.roomTemp; + code4.value = resData4.code; gaugeData4.value["title"] = "实时温度"; }; @@ -154,4 +190,11 @@ onMounted(() => { font-family: DS-Digital; } +.remark{ + color: white; + display: flex; + justify-content: space-evenly; + top: -80px; +} +