3
* Pure JavaScript plotting plugin using jQuery
5
* Version: 1.0.0b2_r1012
7
* Copyright (c) 2009-2011 Chris Leonello
8
* jqPlot is currently available for use in all personal or commercial projects
9
* under both the MIT (http://www.opensource.org/licenses/mit-license.php) and GPL
10
* version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html) licenses. This means that you can
11
* choose the license that best suits your project and use it accordingly.
13
* Although not required, the author would appreciate an email letting him
14
* know of any substantial use of jqPlot. You can reach the author at:
15
* chris at jqplot dot com or see http://www.jqplot.com/info.php .
17
* If you are feeling kind and generous, consider supporting the project by
18
* making a donation at: http://www.jqplot.com/donate.php .
20
* sprintf functions contained in jqplot.sprintf.js by Ash Searle:
24
* http://hexmen.com/blog/2007/03/printf-sprintf/
25
* http://hexmen.com/js/sprintf.js
26
* The author (Ash Searle) has placed this code in the public domain:
27
* "This code is unrestricted: you are free to use it however you like."
32
* Class: $.jqplot.CanvasAxisLabelRenderer
33
* Renderer to draw axis labels with a canvas element to support advanced
34
* featrues such as rotated text. This renderer uses a separate rendering engine
35
* to draw the text on the canvas. Two modes of rendering the text are available.
36
* If the browser has native font support for canvas fonts (currently Mozila 3.5
37
* and Safari 4), you can enable text rendering with the canvas fillText method.
38
* You do so by setting the "enableFontSupport" option to true.
40
* Browsers lacking native font support will have the text drawn on the canvas
41
* using the Hershey font metrics. Even if the "enableFontSupport" option is true
42
* non-supporting browsers will still render with the Hershey font.
45
$.jqplot.CanvasAxisLabelRenderer = function(options) {
49
// angle of text, measured clockwise from x axis.
51
// name of the axis associated with this tick
54
// wether or not to show the tick (mark and label).
57
// wether or not to show the label.
58
this.showLabel = true;
60
// label for the axis.
63
// CSS spec for the font-family css attribute.
64
// Applies only to browsers supporting native font rendering in the
65
// canvas tag. Currently Mozilla 3.5 and Safari 4.
66
this.fontFamily = '"Trebuchet MS", Arial, Helvetica, sans-serif';
68
// CSS spec for font size.
69
this.fontSize = '11pt';
71
// CSS spec for fontWeight: normal, bold, bolder, lighter or a number 100 - 900
72
this.fontWeight = 'normal';
74
// Multiplier to condense or expand font width.
75
// Applies only to browsers which don't support canvas native font rendering.
76
this.fontStretch = 1.0;
78
// css spec for the color attribute.
79
this.textColor = '#666666';
80
// prop: enableFontSupport
81
// true to turn on native canvas font support in Mozilla 3.5+ and Safari 4+.
82
// If true, label will be drawn with canvas tag native support for fonts.
83
// If false, label will be drawn with Hershey font metrics.
84
this.enableFontSupport = true;
86
// Point to pixel scaling factor, used for computing height of bounding box
87
// around a label. The labels text renderer has a default setting of 1.4, which
88
// should be suitable for most fonts. Leave as null to use default. If tops of
89
// letters appear clipped, increase this. If bounding box seems too big, decrease.
90
// This is an issue only with the native font renderering capabilities of Mozilla
91
// 3.5 and Safari 4 since they do not provide a method to determine the font height.
98
this._plotDimensions = {height:null, width:null};
100
$.extend(true, this, options);
102
if (options.angle == null && this.axis != 'xaxis' && this.axis != 'x2axis') {
106
var ropts = {fontSize:this.fontSize, fontWeight:this.fontWeight, fontStretch:this.fontStretch, fillStyle:this.textColor, angle:this.getAngleRad(), fontFamily:this.fontFamily};
108
ropts.pt2px = this.pt2px;
111
if (this.enableFontSupport) {
112
if ($.jqplot.support_canvas_text()) {
113
this._textRenderer = new $.jqplot.CanvasFontRenderer(ropts);
117
this._textRenderer = new $.jqplot.CanvasTextRenderer(ropts);
121
this._textRenderer = new $.jqplot.CanvasTextRenderer(ropts);
125
$.jqplot.CanvasAxisLabelRenderer.prototype.init = function(options) {
126
$.extend(true, this, options);
127
this._textRenderer.init({fontSize:this.fontSize, fontWeight:this.fontWeight, fontStretch:this.fontStretch, fillStyle:this.textColor, angle:this.getAngleRad(), fontFamily:this.fontFamily});
130
// return width along the x axis
131
// will check first to see if an element exists.
132
// if not, will return the computed text box width.
133
$.jqplot.CanvasAxisLabelRenderer.prototype.getWidth = function(ctx) {
135
return this._elem.outerWidth(true);
138
var tr = this._textRenderer;
139
var l = tr.getWidth(ctx);
140
var h = tr.getHeight(ctx);
141
var w = Math.abs(Math.sin(tr.angle)*h) + Math.abs(Math.cos(tr.angle)*l);
146
// return height along the y axis.
147
$.jqplot.CanvasAxisLabelRenderer.prototype.getHeight = function(ctx) {
149
return this._elem.outerHeight(true);
152
var tr = this._textRenderer;
153
var l = tr.getWidth(ctx);
154
var h = tr.getHeight(ctx);
155
var w = Math.abs(Math.cos(tr.angle)*h) + Math.abs(Math.sin(tr.angle)*l);
160
$.jqplot.CanvasAxisLabelRenderer.prototype.getAngleRad = function() {
161
var a = this.angle * Math.PI/180;
165
$.jqplot.CanvasAxisLabelRenderer.prototype.draw = function(ctx, plot) {
166
// Memory Leaks patch
168
if ($.jqplot.use_excanvas && window.G_vmlCanvasManager.uninitElement !== undefined) {
169
window.G_vmlCanvasManager.uninitElement(this._elem.get(0));
172
this._elem.emptyForce();
176
// create a canvas here, but can't draw on it untill it is appended
177
// to dom for IE compatability.
178
var elem = plot.canvasManager.getCanvas();
180
this._textRenderer.setText(this.label, ctx);
181
var w = this.getWidth(ctx);
182
var h = this.getHeight(ctx);
185
elem.style.width = w;
186
elem.style.height = h;
188
elem = plot.canvasManager.initCanvas(elem);
190
this._elem = $(elem);
191
this._elem.css({ position: 'absolute'});
192
this._elem.addClass('jqplot-'+this.axis+'-label');
198
$.jqplot.CanvasAxisLabelRenderer.prototype.pack = function() {
199
this._textRenderer.draw(this._elem.get(0).getContext("2d"), this.label);
b'\\ No newline at end of file'