mirror of
https://github.com/chartjs/Chart.js.git
synced 2024-10-07 20:59:08 +02:00
115 lines
3.5 KiB
JavaScript
Executable File
115 lines
3.5 KiB
JavaScript
Executable File
/*!
|
|
* Chart.js
|
|
* http://chartjs.org/
|
|
* Version: {{ version }}
|
|
*
|
|
* Copyright 2015 Nick Downie
|
|
* Released under the MIT license
|
|
* https://github.com/nnnick/Chart.js/blob/master/LICENSE.md
|
|
*/
|
|
|
|
|
|
(function() {
|
|
|
|
"use strict";
|
|
|
|
//Declare root variable - window in the browser, global on the server
|
|
var root = this,
|
|
previous = root.Chart;
|
|
|
|
//Occupy the global variable of Chart, and create a simple base class
|
|
var Chart = function(context, config) {
|
|
this.config = config;
|
|
|
|
// Support a jQuery'd canvas element
|
|
if (context.length && context[0].getContext) {
|
|
context = context[0];
|
|
}
|
|
|
|
// Support a canvas domnode
|
|
if (context.getContext) {
|
|
context = context.getContext("2d");
|
|
}
|
|
|
|
this.ctx = context;
|
|
this.canvas = context.canvas;
|
|
|
|
// Figure out what the size of the chart will be.
|
|
// If the canvas has a specified width and height, we use those else
|
|
// we look to see if the canvas node has a CSS width and height.
|
|
// If there is still no height, fill the parent container
|
|
this.width = context.canvas.width || parseInt(Chart.helpers.getStyle(context.canvas, 'width')) || Chart.helpers.getMaximumWidth(context.canvas);
|
|
this.height = context.canvas.height || parseInt(Chart.helpers.getStyle(context.canvas, 'height')) || Chart.helpers.getMaximumHeight(context.canvas);
|
|
|
|
this.aspectRatio = this.width / this.height;
|
|
|
|
if (isNaN(this.aspectRatio) || isFinite(this.aspectRatio) === false) {
|
|
// If the canvas has no size, try and figure out what the aspect ratio will be.
|
|
// Some charts prefer square canvases (pie, radar, etc). If that is specified, use that
|
|
// else use the canvas default ratio of 2
|
|
this.aspectRatio = config.aspectRatio !== undefined ? config.aspectRatio : 2;
|
|
}
|
|
|
|
// Store the original style of the element so we can set it back
|
|
this.originalCanvasStyleWidth = context.canvas.style.width;
|
|
this.originalCanvasStyleHeight = context.canvas.style.height;
|
|
|
|
// High pixel density displays - multiply the size of the canvas height/width by the device pixel ratio, then scale.
|
|
Chart.helpers.retinaScale(this);
|
|
|
|
// Always bind this so that if the responsive state changes we still work
|
|
if (config) {
|
|
this.controller = new Chart.Controller(this);
|
|
}
|
|
|
|
var _this = this;
|
|
Chart.helpers.addResizeListener(context.canvas.parentNode, function() {
|
|
if (_this.controller && _this.controller.config.options.responsive) {
|
|
_this.controller.resize();
|
|
}
|
|
});
|
|
|
|
return this.controller ? this.controller : this;
|
|
|
|
};
|
|
|
|
//Globally expose the defaults to allow for user updating/changing
|
|
Chart.defaults = {
|
|
global: {
|
|
responsive: true,
|
|
responsiveAnimationDuration: 0,
|
|
maintainAspectRatio: true,
|
|
events: ["mousemove", "mouseout", "click", "touchstart", "touchmove", "touchend"],
|
|
hover: {
|
|
onHover: null,
|
|
mode: 'single',
|
|
animationDuration: 400,
|
|
},
|
|
onClick: null,
|
|
defaultColor: 'rgba(0,0,0,0.1)',
|
|
|
|
// Element defaults defined in element extensions
|
|
elements: {},
|
|
|
|
// Legend template string
|
|
legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i = 0; i < data.datasets.length; i++){%><li><span style=\"background-color:<%=data.datasets[i].backgroundColor%>\"><%if(data.datasets[i].label){%><%=data.datasets[i].label%><%}%></span></li><%}%></ul>",
|
|
},
|
|
};
|
|
|
|
if (typeof amd !== 'undefined') {
|
|
define(function() {
|
|
return Chart;
|
|
});
|
|
} else if (typeof module === 'object' && module.exports) {
|
|
module.exports = Chart;
|
|
}
|
|
|
|
root.Chart = Chart;
|
|
|
|
Chart.noConflict = function() {
|
|
root.Chart = previous;
|
|
return Chart;
|
|
};
|
|
|
|
}).call(this);
|