You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
313 lines
7.9 KiB
313 lines
7.9 KiB
/** |
|
* @license Highcharts JS v3.0.6 (2013-10-04) |
|
* MooTools adapter |
|
* |
|
* (c) 2010-2013 Torstein Hønsi |
|
* |
|
* License: www.highcharts.com/license |
|
*/ |
|
|
|
// JSLint options: |
|
/*global Fx, $, $extend, $each, $merge, Events, Event, DOMEvent */ |
|
|
|
(function () { |
|
|
|
var win = window, |
|
doc = document, |
|
mooVersion = win.MooTools.version.substring(0, 3), // Get the first three characters of the version number |
|
legacy = mooVersion === '1.2' || mooVersion === '1.1', // 1.1 && 1.2 considered legacy, 1.3 is not. |
|
legacyEvent = legacy || mooVersion === '1.3', // In versions 1.1 - 1.3 the event class is named Event, in newer versions it is named DOMEvent. |
|
$extend = win.$extend || function () { |
|
return Object.append.apply(Object, arguments); |
|
}; |
|
|
|
win.HighchartsAdapter = { |
|
/** |
|
* Initialize the adapter. This is run once as Highcharts is first run. |
|
* @param {Object} pathAnim The helper object to do animations across adapters. |
|
*/ |
|
init: function (pathAnim) { |
|
var fxProto = Fx.prototype, |
|
fxStart = fxProto.start, |
|
morphProto = Fx.Morph.prototype, |
|
morphCompute = morphProto.compute; |
|
|
|
// override Fx.start to allow animation of SVG element wrappers |
|
/*jslint unparam: true*//* allow unused parameters in fx functions */ |
|
fxProto.start = function (from, to) { |
|
var fx = this, |
|
elem = fx.element; |
|
|
|
// special for animating paths |
|
if (from.d) { |
|
//this.fromD = this.element.d.split(' '); |
|
fx.paths = pathAnim.init( |
|
elem, |
|
elem.d, |
|
fx.toD |
|
); |
|
} |
|
fxStart.apply(fx, arguments); |
|
|
|
return this; // chainable |
|
}; |
|
|
|
// override Fx.step to allow animation of SVG element wrappers |
|
morphProto.compute = function (from, to, delta) { |
|
var fx = this, |
|
paths = fx.paths; |
|
|
|
if (paths) { |
|
fx.element.attr( |
|
'd', |
|
pathAnim.step(paths[0], paths[1], delta, fx.toD) |
|
); |
|
} else { |
|
return morphCompute.apply(fx, arguments); |
|
} |
|
}; |
|
/*jslint unparam: false*/ |
|
}, |
|
|
|
/** |
|
* Run a general method on the framework, following jQuery syntax |
|
* @param {Object} el The HTML element |
|
* @param {String} method Which method to run on the wrapped element |
|
*/ |
|
adapterRun: function (el, method) { |
|
|
|
// This currently works for getting inner width and height. If adding |
|
// more methods later, we need a conditional implementation for each. |
|
if (method === 'width' || method === 'height') { |
|
return parseInt($(el).getStyle(method), 10); |
|
} |
|
}, |
|
|
|
/** |
|
* Downloads a script and executes a callback when done. |
|
* @param {String} scriptLocation |
|
* @param {Function} callback |
|
*/ |
|
getScript: function (scriptLocation, callback) { |
|
// We cannot assume that Assets class from mootools-more is available so instead insert a script tag to download script. |
|
var head = doc.getElementsByTagName('head')[0]; |
|
var script = doc.createElement('script'); |
|
|
|
script.type = 'text/javascript'; |
|
script.src = scriptLocation; |
|
script.onload = callback; |
|
|
|
head.appendChild(script); |
|
}, |
|
|
|
/** |
|
* Animate a HTML element or SVG element wrapper |
|
* @param {Object} el |
|
* @param {Object} params |
|
* @param {Object} options jQuery-like animation options: duration, easing, callback |
|
*/ |
|
animate: function (el, params, options) { |
|
var isSVGElement = el.attr, |
|
effect, |
|
complete = options && options.complete; |
|
|
|
if (isSVGElement && !el.setStyle) { |
|
// add setStyle and getStyle methods for internal use in Moo |
|
el.getStyle = el.attr; |
|
el.setStyle = function () { // property value is given as array in Moo - break it down |
|
var args = arguments; |
|
this.attr.call(this, args[0], args[1][0]); |
|
}; |
|
// dirty hack to trick Moo into handling el as an element wrapper |
|
el.$family = function () { return true; }; |
|
} |
|
|
|
// stop running animations |
|
win.HighchartsAdapter.stop(el); |
|
|
|
// define and run the effect |
|
effect = new Fx.Morph( |
|
isSVGElement ? el : $(el), |
|
$extend({ |
|
transition: Fx.Transitions.Quad.easeInOut |
|
}, options) |
|
); |
|
|
|
// Make sure that the element reference is set when animating svg elements |
|
if (isSVGElement) { |
|
effect.element = el; |
|
} |
|
|
|
// special treatment for paths |
|
if (params.d) { |
|
effect.toD = params.d; |
|
} |
|
|
|
// jQuery-like events |
|
if (complete) { |
|
effect.addEvent('complete', complete); |
|
} |
|
|
|
// run |
|
effect.start(params); |
|
|
|
// record for use in stop method |
|
el.fx = effect; |
|
}, |
|
|
|
/** |
|
* MooTool's each function |
|
* |
|
*/ |
|
each: function (arr, fn) { |
|
return legacy ? |
|
$each(arr, fn) : |
|
Array.each(arr, fn); |
|
}, |
|
|
|
/** |
|
* Map an array |
|
* @param {Array} arr |
|
* @param {Function} fn |
|
*/ |
|
map: function (arr, fn) { |
|
return arr.map(fn); |
|
}, |
|
|
|
/** |
|
* Grep or filter an array |
|
* @param {Array} arr |
|
* @param {Function} fn |
|
*/ |
|
grep: function (arr, fn) { |
|
return arr.filter(fn); |
|
}, |
|
|
|
/** |
|
* Return the index of an item in an array, or -1 if not matched |
|
*/ |
|
inArray: function (item, arr, from) { |
|
return arr ? arr.indexOf(item, from) : -1; |
|
}, |
|
|
|
/** |
|
* Get the offset of an element relative to the top left corner of the web page |
|
*/ |
|
offset: function (el) { |
|
var offsets = el.getPosition(); // #1496 |
|
return { |
|
left: offsets.x, |
|
top: offsets.y |
|
}; |
|
}, |
|
|
|
/** |
|
* Extends an object with Events, if its not done |
|
*/ |
|
extendWithEvents: function (el) { |
|
// if the addEvent method is not defined, el is a custom Highcharts object |
|
// like series or point |
|
if (!el.addEvent) { |
|
if (el.nodeName) { |
|
el = $(el); // a dynamically generated node |
|
} else { |
|
$extend(el, new Events()); // a custom object |
|
} |
|
} |
|
}, |
|
|
|
/** |
|
* Add an event listener |
|
* @param {Object} el HTML element or custom object |
|
* @param {String} type Event type |
|
* @param {Function} fn Event handler |
|
*/ |
|
addEvent: function (el, type, fn) { |
|
if (typeof type === 'string') { // chart broke due to el being string, type function |
|
|
|
if (type === 'unload') { // Moo self destructs before custom unload events |
|
type = 'beforeunload'; |
|
} |
|
|
|
win.HighchartsAdapter.extendWithEvents(el); |
|
|
|
el.addEvent(type, fn); |
|
} |
|
}, |
|
|
|
removeEvent: function (el, type, fn) { |
|
if (typeof el === 'string') { |
|
// el.removeEvents below apperantly calls this method again. Do not quite understand why, so for now just bail out. |
|
return; |
|
} |
|
|
|
if (el.addEvent) { // If el doesn't have an addEvent method, there are no events to remove |
|
if (type) { |
|
if (type === 'unload') { // Moo self destructs before custom unload events |
|
type = 'beforeunload'; |
|
} |
|
|
|
if (fn) { |
|
el.removeEvent(type, fn); |
|
} else if (el.removeEvents) { // #958 |
|
el.removeEvents(type); |
|
} |
|
} else { |
|
el.removeEvents(); |
|
} |
|
} |
|
}, |
|
|
|
fireEvent: function (el, event, eventArguments, defaultFunction) { |
|
var eventArgs = { |
|
type: event, |
|
target: el |
|
}; |
|
// create an event object that keeps all functions |
|
event = legacyEvent ? new Event(eventArgs) : new DOMEvent(eventArgs); |
|
event = $extend(event, eventArguments); |
|
|
|
// When running an event on the Chart.prototype, MooTools nests the target in event.event |
|
if (!event.target && event.event) { |
|
event.target = event.event.target; |
|
} |
|
|
|
// override the preventDefault function to be able to use |
|
// this for custom events |
|
event.preventDefault = function () { |
|
defaultFunction = null; |
|
}; |
|
// if fireEvent is not available on the object, there hasn't been added |
|
// any events to it above |
|
if (el.fireEvent) { |
|
el.fireEvent(event.type, event); |
|
} |
|
|
|
// fire the default if it is passed and it is not prevented above |
|
if (defaultFunction) { |
|
defaultFunction(event); |
|
} |
|
}, |
|
|
|
/** |
|
* Set back e.pageX and e.pageY that MooTools has abstracted away. #1165, #1346. |
|
*/ |
|
washMouseEvent: function (e) { |
|
if (e.page) { |
|
e.pageX = e.page.x; |
|
e.pageY = e.page.y; |
|
} |
|
return e; |
|
}, |
|
|
|
/** |
|
* Stop running animations on the object |
|
*/ |
|
stop: function (el) { |
|
if (el.fx) { |
|
el.fx.cancel(); |
|
} |
|
} |
|
}; |
|
|
|
}());
|
|
|