jqplot-rails 0.1 → 0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- data/lib/jqplot-rails.rb +6 -4
- data/lib/jqplot-rails/railtie.rb +9 -0
- data/lib/jqplot-rails/view_helpers.rb +11 -0
- data/vendor/assets/javascripts/jqplot/excanvas.js +1438 -0
- data/vendor/assets/javascripts/jqplot/index.js +66 -0
- data/vendor/assets/javascripts/{jqplot.1.0.0b2_r792.js → jqplot/jquery.jqplot.js} +3458 -793
- data/vendor/assets/javascripts/jqplot/plugins/BezierCurveRenderer.js +313 -0
- data/vendor/assets/javascripts/jqplot/plugins/barRenderer.js +797 -0
- data/vendor/assets/javascripts/jqplot/plugins/blockRenderer.js +235 -0
- data/vendor/assets/javascripts/jqplot/plugins/bubbleRenderer.js +759 -0
- data/vendor/assets/javascripts/jqplot/plugins/canvasAxisLabelRenderer.js +203 -0
- data/vendor/assets/javascripts/jqplot/plugins/canvasAxisTickRenderer.js +243 -0
- data/vendor/assets/javascripts/jqplot/plugins/canvasOverlay.js +865 -0
- data/vendor/assets/javascripts/jqplot/plugins/canvasTextRenderer.js +449 -0
- data/vendor/assets/javascripts/jqplot/plugins/categoryAxisRenderer.js +673 -0
- data/vendor/assets/javascripts/jqplot/plugins/ciParser.js +116 -0
- data/vendor/assets/javascripts/jqplot/plugins/cursor.js +1108 -0
- data/vendor/assets/javascripts/jqplot/plugins/dateAxisRenderer.js +737 -0
- data/vendor/assets/javascripts/jqplot/plugins/donutRenderer.js +805 -0
- data/vendor/assets/javascripts/jqplot/plugins/dragable.js +225 -0
- data/vendor/assets/javascripts/jqplot/plugins/enhancedLegendRenderer.js +305 -0
- data/vendor/assets/javascripts/jqplot/plugins/funnelRenderer.js +943 -0
- data/vendor/assets/javascripts/jqplot/plugins/highlighter.js +465 -0
- data/vendor/assets/javascripts/jqplot/plugins/json2.js +475 -0
- data/vendor/assets/javascripts/jqplot/plugins/logAxisRenderer.js +529 -0
- data/vendor/assets/javascripts/jqplot/plugins/mekkoAxisRenderer.js +611 -0
- data/vendor/assets/javascripts/jqplot/plugins/mekkoRenderer.js +437 -0
- data/vendor/assets/javascripts/jqplot/plugins/meterGaugeRenderer.js +1030 -0
- data/vendor/assets/javascripts/jqplot/plugins/mobile.js +45 -0
- data/vendor/assets/javascripts/jqplot/plugins/ohlcRenderer.js +373 -0
- data/vendor/assets/javascripts/jqplot/plugins/pieRenderer.js +904 -0
- data/vendor/assets/javascripts/jqplot/plugins/pointLabels.js +379 -0
- data/vendor/assets/javascripts/jqplot/plugins/pyramidAxisRenderer.js +728 -0
- data/vendor/assets/javascripts/jqplot/plugins/pyramidGridRenderer.js +429 -0
- data/vendor/assets/javascripts/jqplot/plugins/pyramidRenderer.js +514 -0
- data/vendor/assets/javascripts/jqplot/plugins/trendline.js +223 -0
- data/vendor/assets/stylesheets/{jqplot.1.0.0b2_r792.css → jqplot.css} +48 -15
- metadata +64 -25
@@ -0,0 +1,45 @@
|
|
1
|
+
/**
|
2
|
+
* jqplot.jquerymobile plugin
|
3
|
+
* jQuery Mobile virtual event support.
|
4
|
+
*
|
5
|
+
* Version: 1.0.5
|
6
|
+
* Revision: 1122+
|
7
|
+
*
|
8
|
+
* Copyright (c) 2011 Takashi Okamoto
|
9
|
+
* jqPlot is currently available for use in all personal or commercial projects
|
10
|
+
* under both the MIT (http://www.opensource.org/licenses/mit-license.php) and GPL
|
11
|
+
* version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html) licenses. This means that you can
|
12
|
+
* choose the license that best suits your project and use it accordingly.
|
13
|
+
*
|
14
|
+
* Although not required, the author would appreciate an email letting him
|
15
|
+
* know of any substantial use of jqPlot. You can reach the author at:
|
16
|
+
* chris at jqplot dot com or see http://www.jqplot.com/info.php .
|
17
|
+
*
|
18
|
+
* If you are feeling kind and generous, consider supporting the project by
|
19
|
+
* making a donation at: http://www.jqplot.com/donate.php .
|
20
|
+
*
|
21
|
+
*/
|
22
|
+
(function($) {
|
23
|
+
function postInit(target, data, options){
|
24
|
+
this.bindCustomEvents = function() {
|
25
|
+
this.eventCanvas._elem.bind('vclick', {plot:this}, this.onClick);
|
26
|
+
this.eventCanvas._elem.bind('dblclick', {plot:this}, this.onDblClick);
|
27
|
+
this.eventCanvas._elem.bind('taphold', {plot:this}, this.onDblClick);
|
28
|
+
this.eventCanvas._elem.bind('vmousedown', {plot:this}, this.onMouseDown);
|
29
|
+
this.eventCanvas._elem.bind('vmousemove', {plot:this}, this.onMouseMove);
|
30
|
+
this.eventCanvas._elem.bind('mouseenter', {plot:this}, this.onMouseEnter);
|
31
|
+
this.eventCanvas._elem.bind('mouseleave', {plot:this}, this.onMouseLeave);
|
32
|
+
if (this.captureRightClick) {
|
33
|
+
this.eventCanvas._elem.bind('vmouseup', {plot:this}, this.onRightClick);
|
34
|
+
this.eventCanvas._elem.get(0).oncontextmenu = function() {
|
35
|
+
return false;
|
36
|
+
};
|
37
|
+
}
|
38
|
+
else {
|
39
|
+
this.eventCanvas._elem.bind('vmouseup', {plot:this}, this.onMouseUp);
|
40
|
+
}
|
41
|
+
};
|
42
|
+
this.plugins.mobile = true;
|
43
|
+
}
|
44
|
+
$.jqplot.postInitHooks.push(postInit);
|
45
|
+
})(jQuery);
|
@@ -0,0 +1,373 @@
|
|
1
|
+
/**
|
2
|
+
* jqPlot
|
3
|
+
* Pure JavaScript plotting plugin using jQuery
|
4
|
+
*
|
5
|
+
* Version: 1.0.5
|
6
|
+
* Revision: 1122+
|
7
|
+
*
|
8
|
+
* Copyright (c) 2009-2013 Chris Leonello
|
9
|
+
* jqPlot is currently available for use in all personal or commercial projects
|
10
|
+
* under both the MIT (http://www.opensource.org/licenses/mit-license.php) and GPL
|
11
|
+
* version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html) licenses. This means that you can
|
12
|
+
* choose the license that best suits your project and use it accordingly.
|
13
|
+
*
|
14
|
+
* Although not required, the author would appreciate an email letting him
|
15
|
+
* know of any substantial use of jqPlot. You can reach the author at:
|
16
|
+
* chris at jqplot dot com or see http://www.jqplot.com/info.php .
|
17
|
+
*
|
18
|
+
* If you are feeling kind and generous, consider supporting the project by
|
19
|
+
* making a donation at: http://www.jqplot.com/donate.php .
|
20
|
+
*
|
21
|
+
* sprintf functions contained in jqplot.sprintf.js by Ash Searle:
|
22
|
+
*
|
23
|
+
* version 2007.04.27
|
24
|
+
* author Ash Searle
|
25
|
+
* http://hexmen.com/blog/2007/03/printf-sprintf/
|
26
|
+
* http://hexmen.com/js/sprintf.js
|
27
|
+
* The author (Ash Searle) has placed this code in the public domain:
|
28
|
+
* "This code is unrestricted: you are free to use it however you like."
|
29
|
+
*
|
30
|
+
*/
|
31
|
+
(function($) {
|
32
|
+
/**
|
33
|
+
* Class: $.jqplot.OHLCRenderer
|
34
|
+
* jqPlot Plugin to draw Open Hi Low Close, Candlestick and Hi Low Close charts.
|
35
|
+
*
|
36
|
+
* To use this plugin, include the renderer js file in
|
37
|
+
* your source:
|
38
|
+
*
|
39
|
+
* > <script type="text/javascript" src="plugins/jqplot.ohlcRenderer.js"></script>
|
40
|
+
*
|
41
|
+
* You will most likely want to use a date axis renderer
|
42
|
+
* for the x axis also, so include the date axis render js file also:
|
43
|
+
*
|
44
|
+
* > <script type="text/javascript" src="plugins/jqplot.dateAxisRenderer.js"></script>
|
45
|
+
*
|
46
|
+
* Then you set the renderer in the series options on your plot:
|
47
|
+
*
|
48
|
+
* > series: [{renderer:$.jqplot.OHLCRenderer}]
|
49
|
+
*
|
50
|
+
* For OHLC and candlestick charts, data should be specified
|
51
|
+
* like so:
|
52
|
+
*
|
53
|
+
* > dat = [['07/06/2009',138.7,139.68,135.18,135.4], ['06/29/2009',143.46,144.66,139.79,140.02], ...]
|
54
|
+
*
|
55
|
+
* If the data array has only 4 values per point instead of 5,
|
56
|
+
* the renderer will create a Hi Low Close chart instead. In that case,
|
57
|
+
* data should be supplied like:
|
58
|
+
*
|
59
|
+
* > dat = [['07/06/2009',139.68,135.18,135.4], ['06/29/2009',144.66,139.79,140.02], ...]
|
60
|
+
*
|
61
|
+
* To generate a candlestick chart instead of an OHLC chart,
|
62
|
+
* set the "candlestick" option to true:
|
63
|
+
*
|
64
|
+
* > series: [{renderer:$.jqplot.OHLCRenderer, rendererOptions:{candleStick:true}}],
|
65
|
+
*
|
66
|
+
*/
|
67
|
+
$.jqplot.OHLCRenderer = function(){
|
68
|
+
// subclass line renderer to make use of some of it's methods.
|
69
|
+
$.jqplot.LineRenderer.call(this);
|
70
|
+
// prop: candleStick
|
71
|
+
// true to render chart as candleStick.
|
72
|
+
// Must have an open price, cannot be a hlc chart.
|
73
|
+
this.candleStick = false;
|
74
|
+
// prop: tickLength
|
75
|
+
// length of the line in pixels indicating open and close price.
|
76
|
+
// Default will auto calculate based on plot width and
|
77
|
+
// number of points displayed.
|
78
|
+
this.tickLength = 'auto';
|
79
|
+
// prop: bodyWidth
|
80
|
+
// width of the candlestick body in pixels. Default will auto calculate
|
81
|
+
// based on plot width and number of candlesticks displayed.
|
82
|
+
this.bodyWidth = 'auto';
|
83
|
+
// prop: openColor
|
84
|
+
// color of the open price tick mark. Default is series color.
|
85
|
+
this.openColor = null;
|
86
|
+
// prop: closeColor
|
87
|
+
// color of the close price tick mark. Default is series color.
|
88
|
+
this.closeColor = null;
|
89
|
+
// prop: wickColor
|
90
|
+
// color of the hi-lo line thorugh the candlestick body.
|
91
|
+
// Default is the series color.
|
92
|
+
this.wickColor = null;
|
93
|
+
// prop: fillUpBody
|
94
|
+
// true to render an "up" day (close price greater than open price)
|
95
|
+
// with a filled candlestick body.
|
96
|
+
this.fillUpBody = false;
|
97
|
+
// prop: fillDownBody
|
98
|
+
// true to render a "down" day (close price lower than open price)
|
99
|
+
// with a filled candlestick body.
|
100
|
+
this.fillDownBody = true;
|
101
|
+
// prop: upBodyColor
|
102
|
+
// Color of candlestick body of an "up" day. Default is series color.
|
103
|
+
this.upBodyColor = null;
|
104
|
+
// prop: downBodyColor
|
105
|
+
// Color of candlestick body on a "down" day. Default is series color.
|
106
|
+
this.downBodyColor = null;
|
107
|
+
// prop: hlc
|
108
|
+
// true if is a hi-low-close chart (no open price).
|
109
|
+
// This is determined automatically from the series data.
|
110
|
+
this.hlc = false;
|
111
|
+
// prop: lineWidth
|
112
|
+
// Width of the hi-low line and open/close ticks.
|
113
|
+
// Must be set in the rendererOptions for the series.
|
114
|
+
this.lineWidth = 1.5;
|
115
|
+
this._tickLength;
|
116
|
+
this._bodyWidth;
|
117
|
+
};
|
118
|
+
|
119
|
+
$.jqplot.OHLCRenderer.prototype = new $.jqplot.LineRenderer();
|
120
|
+
$.jqplot.OHLCRenderer.prototype.constructor = $.jqplot.OHLCRenderer;
|
121
|
+
|
122
|
+
// called with scope of series.
|
123
|
+
$.jqplot.OHLCRenderer.prototype.init = function(options) {
|
124
|
+
options = options || {};
|
125
|
+
// lineWidth has to be set on the series, changes in renderer
|
126
|
+
// constructor have no effect. set the default here
|
127
|
+
// if no renderer option for lineWidth is specified.
|
128
|
+
this.lineWidth = options.lineWidth || 1.5;
|
129
|
+
$.jqplot.LineRenderer.prototype.init.call(this, options);
|
130
|
+
this._type = 'ohlc';
|
131
|
+
// set the yaxis data bounds here to account for hi and low values
|
132
|
+
var db = this._yaxis._dataBounds;
|
133
|
+
var d = this._plotData;
|
134
|
+
// if data points have less than 5 values, force a hlc chart.
|
135
|
+
if (d[0].length < 5) {
|
136
|
+
this.renderer.hlc = true;
|
137
|
+
|
138
|
+
for (var j=0; j<d.length; j++) {
|
139
|
+
if (d[j][2] < db.min || db.min == null) {
|
140
|
+
db.min = d[j][2];
|
141
|
+
}
|
142
|
+
if (d[j][1] > db.max || db.max == null) {
|
143
|
+
db.max = d[j][1];
|
144
|
+
}
|
145
|
+
}
|
146
|
+
}
|
147
|
+
else {
|
148
|
+
for (var j=0; j<d.length; j++) {
|
149
|
+
if (d[j][3] < db.min || db.min == null) {
|
150
|
+
db.min = d[j][3];
|
151
|
+
}
|
152
|
+
if (d[j][2] > db.max || db.max == null) {
|
153
|
+
db.max = d[j][2];
|
154
|
+
}
|
155
|
+
}
|
156
|
+
}
|
157
|
+
|
158
|
+
};
|
159
|
+
|
160
|
+
// called within scope of series.
|
161
|
+
$.jqplot.OHLCRenderer.prototype.draw = function(ctx, gd, options) {
|
162
|
+
var d = this.data;
|
163
|
+
var xmin = this._xaxis.min;
|
164
|
+
var xmax = this._xaxis.max;
|
165
|
+
// index of last value below range of plot.
|
166
|
+
var xminidx = 0;
|
167
|
+
// index of first value above range of plot.
|
168
|
+
var xmaxidx = d.length;
|
169
|
+
var xp = this._xaxis.series_u2p;
|
170
|
+
var yp = this._yaxis.series_u2p;
|
171
|
+
var i, prevColor, ops, b, h, w, a, points;
|
172
|
+
var o;
|
173
|
+
var r = this.renderer;
|
174
|
+
var opts = (options != undefined) ? options : {};
|
175
|
+
var shadow = (opts.shadow != undefined) ? opts.shadow : this.shadow;
|
176
|
+
var fill = (opts.fill != undefined) ? opts.fill : this.fill;
|
177
|
+
var fillAndStroke = (opts.fillAndStroke != undefined) ? opts.fillAndStroke : this.fillAndStroke;
|
178
|
+
r.bodyWidth = (opts.bodyWidth != undefined) ? opts.bodyWidth : r.bodyWidth;
|
179
|
+
r.tickLength = (opts.tickLength != undefined) ? opts.tickLength : r.tickLength;
|
180
|
+
ctx.save();
|
181
|
+
if (this.show) {
|
182
|
+
var x, open, hi, low, close;
|
183
|
+
// need to get widths based on number of points shown,
|
184
|
+
// not on total number of points. Use the results
|
185
|
+
// to speed up drawing in next step.
|
186
|
+
for (var i=0; i<d.length; i++) {
|
187
|
+
if (d[i][0] < xmin) {
|
188
|
+
xminidx = i;
|
189
|
+
}
|
190
|
+
else if (d[i][0] < xmax) {
|
191
|
+
xmaxidx = i+1;
|
192
|
+
}
|
193
|
+
}
|
194
|
+
|
195
|
+
var dwidth = this.gridData[xmaxidx-1][0] - this.gridData[xminidx][0];
|
196
|
+
var nvisiblePoints = xmaxidx - xminidx;
|
197
|
+
try {
|
198
|
+
var dinterval = Math.abs(this._xaxis.series_u2p(parseInt(this._xaxis._intervalStats[0].sortedIntervals[0].interval, 10)) - this._xaxis.series_u2p(0));
|
199
|
+
}
|
200
|
+
|
201
|
+
catch (e) {
|
202
|
+
var dinterval = dwidth / nvisiblePoints;
|
203
|
+
}
|
204
|
+
|
205
|
+
if (r.candleStick) {
|
206
|
+
if (typeof(r.bodyWidth) == 'number') {
|
207
|
+
r._bodyWidth = r.bodyWidth;
|
208
|
+
}
|
209
|
+
else {
|
210
|
+
r._bodyWidth = Math.min(20, dinterval/1.65);
|
211
|
+
}
|
212
|
+
}
|
213
|
+
else {
|
214
|
+
if (typeof(r.tickLength) == 'number') {
|
215
|
+
r._tickLength = r.tickLength;
|
216
|
+
}
|
217
|
+
else {
|
218
|
+
r._tickLength = Math.min(10, dinterval/3.5);
|
219
|
+
}
|
220
|
+
}
|
221
|
+
|
222
|
+
for (var i=xminidx; i<xmaxidx; i++) {
|
223
|
+
x = xp(d[i][0]);
|
224
|
+
if (r.hlc) {
|
225
|
+
open = null;
|
226
|
+
hi = yp(d[i][1]);
|
227
|
+
low = yp(d[i][2]);
|
228
|
+
close = yp(d[i][3]);
|
229
|
+
}
|
230
|
+
else {
|
231
|
+
open = yp(d[i][1]);
|
232
|
+
hi = yp(d[i][2]);
|
233
|
+
low = yp(d[i][3]);
|
234
|
+
close = yp(d[i][4]);
|
235
|
+
}
|
236
|
+
o = {};
|
237
|
+
if (r.candleStick && !r.hlc) {
|
238
|
+
w = r._bodyWidth;
|
239
|
+
a = x - w/2;
|
240
|
+
// draw candle
|
241
|
+
// determine if candle up or down
|
242
|
+
// up, remember grid coordinates increase downward
|
243
|
+
if (close < open) {
|
244
|
+
// draw wick
|
245
|
+
if (r.wickColor) {
|
246
|
+
o.color = r.wickColor;
|
247
|
+
}
|
248
|
+
else if (r.downBodyColor) {
|
249
|
+
o.color = r.upBodyColor;
|
250
|
+
}
|
251
|
+
ops = $.extend(true, {}, opts, o);
|
252
|
+
r.shapeRenderer.draw(ctx, [[x, hi], [x, close]], ops);
|
253
|
+
r.shapeRenderer.draw(ctx, [[x, open], [x, low]], ops);
|
254
|
+
o = {};
|
255
|
+
b = close;
|
256
|
+
h = open - close;
|
257
|
+
// if color specified, use it
|
258
|
+
if (r.fillUpBody) {
|
259
|
+
o.fillRect = true;
|
260
|
+
}
|
261
|
+
else {
|
262
|
+
o.strokeRect = true;
|
263
|
+
w = w - this.lineWidth;
|
264
|
+
a = x - w/2;
|
265
|
+
}
|
266
|
+
if (r.upBodyColor) {
|
267
|
+
o.color = r.upBodyColor;
|
268
|
+
o.fillStyle = r.upBodyColor;
|
269
|
+
}
|
270
|
+
points = [a, b, w, h];
|
271
|
+
}
|
272
|
+
// down
|
273
|
+
else if (close > open) {
|
274
|
+
// draw wick
|
275
|
+
if (r.wickColor) {
|
276
|
+
o.color = r.wickColor;
|
277
|
+
}
|
278
|
+
else if (r.downBodyColor) {
|
279
|
+
o.color = r.downBodyColor;
|
280
|
+
}
|
281
|
+
ops = $.extend(true, {}, opts, o);
|
282
|
+
r.shapeRenderer.draw(ctx, [[x, hi], [x, open]], ops);
|
283
|
+
r.shapeRenderer.draw(ctx, [[x, close], [x, low]], ops);
|
284
|
+
|
285
|
+
o = {};
|
286
|
+
|
287
|
+
b = open;
|
288
|
+
h = close - open;
|
289
|
+
// if color specified, use it
|
290
|
+
if (r.fillDownBody) {
|
291
|
+
o.fillRect = true;
|
292
|
+
}
|
293
|
+
else {
|
294
|
+
o.strokeRect = true;
|
295
|
+
w = w - this.lineWidth;
|
296
|
+
a = x - w/2;
|
297
|
+
}
|
298
|
+
if (r.downBodyColor) {
|
299
|
+
o.color = r.downBodyColor;
|
300
|
+
o.fillStyle = r.downBodyColor;
|
301
|
+
}
|
302
|
+
points = [a, b, w, h];
|
303
|
+
}
|
304
|
+
// even, open = close
|
305
|
+
else {
|
306
|
+
// draw wick
|
307
|
+
if (r.wickColor) {
|
308
|
+
o.color = r.wickColor;
|
309
|
+
}
|
310
|
+
ops = $.extend(true, {}, opts, o);
|
311
|
+
r.shapeRenderer.draw(ctx, [[x, hi], [x, low]], ops);
|
312
|
+
o = {};
|
313
|
+
o.fillRect = false;
|
314
|
+
o.strokeRect = false;
|
315
|
+
a = [x - w/2, open];
|
316
|
+
b = [x + w/2, close];
|
317
|
+
w = null;
|
318
|
+
h = null;
|
319
|
+
points = [a, b];
|
320
|
+
}
|
321
|
+
ops = $.extend(true, {}, opts, o);
|
322
|
+
r.shapeRenderer.draw(ctx, points, ops);
|
323
|
+
}
|
324
|
+
else {
|
325
|
+
prevColor = opts.color;
|
326
|
+
if (r.openColor) {
|
327
|
+
opts.color = r.openColor;
|
328
|
+
}
|
329
|
+
// draw open tick
|
330
|
+
if (!r.hlc) {
|
331
|
+
r.shapeRenderer.draw(ctx, [[x-r._tickLength, open], [x, open]], opts);
|
332
|
+
}
|
333
|
+
opts.color = prevColor;
|
334
|
+
// draw wick
|
335
|
+
if (r.wickColor) {
|
336
|
+
opts.color = r.wickColor;
|
337
|
+
}
|
338
|
+
r.shapeRenderer.draw(ctx, [[x, hi], [x, low]], opts);
|
339
|
+
opts.color = prevColor;
|
340
|
+
// draw close tick
|
341
|
+
if (r.closeColor) {
|
342
|
+
opts.color = r.closeColor;
|
343
|
+
}
|
344
|
+
r.shapeRenderer.draw(ctx, [[x, close], [x+r._tickLength, close]], opts);
|
345
|
+
opts.color = prevColor;
|
346
|
+
}
|
347
|
+
}
|
348
|
+
}
|
349
|
+
|
350
|
+
ctx.restore();
|
351
|
+
};
|
352
|
+
|
353
|
+
$.jqplot.OHLCRenderer.prototype.drawShadow = function(ctx, gd, options) {
|
354
|
+
// This is a no-op, shadows drawn with lines.
|
355
|
+
};
|
356
|
+
|
357
|
+
// called with scope of plot.
|
358
|
+
$.jqplot.OHLCRenderer.checkOptions = function(target, data, options) {
|
359
|
+
// provide some sensible highlighter options by default
|
360
|
+
// These aren't good for hlc, only for ohlc or candlestick
|
361
|
+
if (!options.highlighter) {
|
362
|
+
options.highlighter = {
|
363
|
+
showMarker:false,
|
364
|
+
tooltipAxes: 'y',
|
365
|
+
yvalues: 4,
|
366
|
+
formatString:'<table class="jqplot-highlighter"><tr><td>date:</td><td>%s</td></tr><tr><td>open:</td><td>%s</td></tr><tr><td>hi:</td><td>%s</td></tr><tr><td>low:</td><td>%s</td></tr><tr><td>close:</td><td>%s</td></tr></table>'
|
367
|
+
};
|
368
|
+
}
|
369
|
+
};
|
370
|
+
|
371
|
+
//$.jqplot.preInitHooks.push($.jqplot.OHLCRenderer.checkOptions);
|
372
|
+
|
373
|
+
})(jQuery);
|
@@ -0,0 +1,904 @@
|
|
1
|
+
/**
|
2
|
+
* jqPlot
|
3
|
+
* Pure JavaScript plotting plugin using jQuery
|
4
|
+
*
|
5
|
+
* Version: 1.0.5
|
6
|
+
* Revision: 1122+
|
7
|
+
*
|
8
|
+
* Copyright (c) 2009-2013 Chris Leonello
|
9
|
+
* jqPlot is currently available for use in all personal or commercial projects
|
10
|
+
* under both the MIT (http://www.opensource.org/licenses/mit-license.php) and GPL
|
11
|
+
* version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html) licenses. This means that you can
|
12
|
+
* choose the license that best suits your project and use it accordingly.
|
13
|
+
*
|
14
|
+
* Although not required, the author would appreciate an email letting him
|
15
|
+
* know of any substantial use of jqPlot. You can reach the author at:
|
16
|
+
* chris at jqplot dot com or see http://www.jqplot.com/info.php .
|
17
|
+
*
|
18
|
+
* If you are feeling kind and generous, consider supporting the project by
|
19
|
+
* making a donation at: http://www.jqplot.com/donate.php .
|
20
|
+
*
|
21
|
+
* sprintf functions contained in jqplot.sprintf.js by Ash Searle:
|
22
|
+
*
|
23
|
+
* version 2007.04.27
|
24
|
+
* author Ash Searle
|
25
|
+
* http://hexmen.com/blog/2007/03/printf-sprintf/
|
26
|
+
* http://hexmen.com/js/sprintf.js
|
27
|
+
* The author (Ash Searle) has placed this code in the public domain:
|
28
|
+
* "This code is unrestricted: you are free to use it however you like."
|
29
|
+
*
|
30
|
+
*/
|
31
|
+
(function($) {
|
32
|
+
/**
|
33
|
+
* Class: $.jqplot.PieRenderer
|
34
|
+
* Plugin renderer to draw a pie chart.
|
35
|
+
* x values, if present, will be used as slice labels.
|
36
|
+
* y values give slice size.
|
37
|
+
*
|
38
|
+
* To use this renderer, you need to include the
|
39
|
+
* pie renderer plugin, for example:
|
40
|
+
*
|
41
|
+
* > <script type="text/javascript" src="plugins/jqplot.pieRenderer.js"></script>
|
42
|
+
*
|
43
|
+
* Properties described here are passed into the $.jqplot function
|
44
|
+
* as options on the series renderer. For example:
|
45
|
+
*
|
46
|
+
* > plot2 = $.jqplot('chart2', [s1, s2], {
|
47
|
+
* > seriesDefaults: {
|
48
|
+
* > renderer:$.jqplot.PieRenderer,
|
49
|
+
* > rendererOptions:{
|
50
|
+
* > sliceMargin: 2,
|
51
|
+
* > startAngle: -90
|
52
|
+
* > }
|
53
|
+
* > }
|
54
|
+
* > });
|
55
|
+
*
|
56
|
+
* A pie plot will trigger events on the plot target
|
57
|
+
* according to user interaction. All events return the event object,
|
58
|
+
* the series index, the point (slice) index, and the point data for
|
59
|
+
* the appropriate slice.
|
60
|
+
*
|
61
|
+
* 'jqplotDataMouseOver' - triggered when user mouseing over a slice.
|
62
|
+
* 'jqplotDataHighlight' - triggered the first time user mouses over a slice,
|
63
|
+
* if highlighting is enabled.
|
64
|
+
* 'jqplotDataUnhighlight' - triggered when a user moves the mouse out of
|
65
|
+
* a highlighted slice.
|
66
|
+
* 'jqplotDataClick' - triggered when the user clicks on a slice.
|
67
|
+
* 'jqplotDataRightClick' - tiggered when the user right clicks on a slice if
|
68
|
+
* the "captureRightClick" option is set to true on the plot.
|
69
|
+
*/
|
70
|
+
$.jqplot.PieRenderer = function(){
|
71
|
+
$.jqplot.LineRenderer.call(this);
|
72
|
+
};
|
73
|
+
|
74
|
+
$.jqplot.PieRenderer.prototype = new $.jqplot.LineRenderer();
|
75
|
+
$.jqplot.PieRenderer.prototype.constructor = $.jqplot.PieRenderer;
|
76
|
+
|
77
|
+
// called with scope of a series
|
78
|
+
$.jqplot.PieRenderer.prototype.init = function(options, plot) {
|
79
|
+
// Group: Properties
|
80
|
+
//
|
81
|
+
// prop: diameter
|
82
|
+
// Outer diameter of the pie, auto computed by default
|
83
|
+
this.diameter = null;
|
84
|
+
// prop: padding
|
85
|
+
// padding between the pie and plot edges, legend, etc.
|
86
|
+
this.padding = 20;
|
87
|
+
// prop: sliceMargin
|
88
|
+
// angular spacing between pie slices in degrees.
|
89
|
+
this.sliceMargin = 0;
|
90
|
+
// prop: fill
|
91
|
+
// true or false, wether to fil the slices.
|
92
|
+
this.fill = true;
|
93
|
+
// prop: shadowOffset
|
94
|
+
// offset of the shadow from the slice and offset of
|
95
|
+
// each succesive stroke of the shadow from the last.
|
96
|
+
this.shadowOffset = 2;
|
97
|
+
// prop: shadowAlpha
|
98
|
+
// transparency of the shadow (0 = transparent, 1 = opaque)
|
99
|
+
this.shadowAlpha = 0.07;
|
100
|
+
// prop: shadowDepth
|
101
|
+
// number of strokes to apply to the shadow,
|
102
|
+
// each stroke offset shadowOffset from the last.
|
103
|
+
this.shadowDepth = 5;
|
104
|
+
// prop: highlightMouseOver
|
105
|
+
// True to highlight slice when moused over.
|
106
|
+
// This must be false to enable highlightMouseDown to highlight when clicking on a slice.
|
107
|
+
this.highlightMouseOver = true;
|
108
|
+
// prop: highlightMouseDown
|
109
|
+
// True to highlight when a mouse button is pressed over a slice.
|
110
|
+
// This will be disabled if highlightMouseOver is true.
|
111
|
+
this.highlightMouseDown = false;
|
112
|
+
// prop: highlightColors
|
113
|
+
// an array of colors to use when highlighting a slice.
|
114
|
+
this.highlightColors = [];
|
115
|
+
// prop: dataLabels
|
116
|
+
// Either 'label', 'value', 'percent' or an array of labels to place on the pie slices.
|
117
|
+
// Defaults to percentage of each pie slice.
|
118
|
+
this.dataLabels = 'percent';
|
119
|
+
// prop: showDataLabels
|
120
|
+
// true to show data labels on slices.
|
121
|
+
this.showDataLabels = false;
|
122
|
+
// prop: dataLabelFormatString
|
123
|
+
// Format string for data labels. If none, '%s' is used for "label" and for arrays, '%d' for value and '%d%%' for percentage.
|
124
|
+
this.dataLabelFormatString = null;
|
125
|
+
// prop: dataLabelThreshold
|
126
|
+
// Threshhold in percentage (0-100) of pie area, below which no label will be displayed.
|
127
|
+
// This applies to all label types, not just to percentage labels.
|
128
|
+
this.dataLabelThreshold = 3;
|
129
|
+
// prop: dataLabelPositionFactor
|
130
|
+
// A Multiplier (0-1) of the pie radius which controls position of label on slice.
|
131
|
+
// Increasing will slide label toward edge of pie, decreasing will slide label toward center of pie.
|
132
|
+
this.dataLabelPositionFactor = 0.52;
|
133
|
+
// prop: dataLabelNudge
|
134
|
+
// Number of pixels to slide the label away from (+) or toward (-) the center of the pie.
|
135
|
+
this.dataLabelNudge = 2;
|
136
|
+
// prop: dataLabelCenterOn
|
137
|
+
// True to center the data label at its position.
|
138
|
+
// False to set the inside facing edge of the label at its position.
|
139
|
+
this.dataLabelCenterOn = true;
|
140
|
+
// prop: startAngle
|
141
|
+
// Angle to start drawing pie in degrees.
|
142
|
+
// According to orientation of canvas coordinate system:
|
143
|
+
// 0 = on the positive x axis
|
144
|
+
// -90 = on the positive y axis.
|
145
|
+
// 90 = on the negaive y axis.
|
146
|
+
// 180 or - 180 = on the negative x axis.
|
147
|
+
this.startAngle = 0;
|
148
|
+
this.tickRenderer = $.jqplot.PieTickRenderer;
|
149
|
+
// Used as check for conditions where pie shouldn't be drawn.
|
150
|
+
this._drawData = true;
|
151
|
+
this._type = 'pie';
|
152
|
+
|
153
|
+
// if user has passed in highlightMouseDown option and not set highlightMouseOver, disable highlightMouseOver
|
154
|
+
if (options.highlightMouseDown && options.highlightMouseOver == null) {
|
155
|
+
options.highlightMouseOver = false;
|
156
|
+
}
|
157
|
+
|
158
|
+
$.extend(true, this, options);
|
159
|
+
|
160
|
+
if (this.sliceMargin < 0) {
|
161
|
+
this.sliceMargin = 0;
|
162
|
+
}
|
163
|
+
|
164
|
+
this._diameter = null;
|
165
|
+
this._radius = null;
|
166
|
+
// array of [start,end] angles arrays, one for each slice. In radians.
|
167
|
+
this._sliceAngles = [];
|
168
|
+
// index of the currenty highlighted point, if any
|
169
|
+
this._highlightedPoint = null;
|
170
|
+
|
171
|
+
// set highlight colors if none provided
|
172
|
+
if (this.highlightColors.length == 0) {
|
173
|
+
for (var i=0; i<this.seriesColors.length; i++){
|
174
|
+
var rgba = $.jqplot.getColorComponents(this.seriesColors[i]);
|
175
|
+
var newrgb = [rgba[0], rgba[1], rgba[2]];
|
176
|
+
var sum = newrgb[0] + newrgb[1] + newrgb[2];
|
177
|
+
for (var j=0; j<3; j++) {
|
178
|
+
// when darkening, lowest color component can be is 60.
|
179
|
+
newrgb[j] = (sum > 570) ? newrgb[j] * 0.8 : newrgb[j] + 0.3 * (255 - newrgb[j]);
|
180
|
+
newrgb[j] = parseInt(newrgb[j], 10);
|
181
|
+
}
|
182
|
+
this.highlightColors.push('rgb('+newrgb[0]+','+newrgb[1]+','+newrgb[2]+')');
|
183
|
+
}
|
184
|
+
}
|
185
|
+
|
186
|
+
this.highlightColorGenerator = new $.jqplot.ColorGenerator(this.highlightColors);
|
187
|
+
|
188
|
+
plot.postParseOptionsHooks.addOnce(postParseOptions);
|
189
|
+
plot.postInitHooks.addOnce(postInit);
|
190
|
+
plot.eventListenerHooks.addOnce('jqplotMouseMove', handleMove);
|
191
|
+
plot.eventListenerHooks.addOnce('jqplotMouseDown', handleMouseDown);
|
192
|
+
plot.eventListenerHooks.addOnce('jqplotMouseUp', handleMouseUp);
|
193
|
+
plot.eventListenerHooks.addOnce('jqplotClick', handleClick);
|
194
|
+
plot.eventListenerHooks.addOnce('jqplotRightClick', handleRightClick);
|
195
|
+
plot.postDrawHooks.addOnce(postPlotDraw);
|
196
|
+
};
|
197
|
+
|
198
|
+
$.jqplot.PieRenderer.prototype.setGridData = function(plot) {
|
199
|
+
// set gridData property. This will hold angle in radians of each data point.
|
200
|
+
var stack = [];
|
201
|
+
var td = [];
|
202
|
+
var sa = this.startAngle/180*Math.PI;
|
203
|
+
var tot = 0;
|
204
|
+
// don't know if we have any valid data yet, so set plot to not draw.
|
205
|
+
this._drawData = false;
|
206
|
+
for (var i=0; i<this.data.length; i++){
|
207
|
+
if (this.data[i][1] != 0) {
|
208
|
+
// we have data, O.K. to draw.
|
209
|
+
this._drawData = true;
|
210
|
+
}
|
211
|
+
stack.push(this.data[i][1]);
|
212
|
+
td.push([this.data[i][0]]);
|
213
|
+
if (i>0) {
|
214
|
+
stack[i] += stack[i-1];
|
215
|
+
}
|
216
|
+
tot += this.data[i][1];
|
217
|
+
}
|
218
|
+
var fact = Math.PI*2/stack[stack.length - 1];
|
219
|
+
|
220
|
+
for (var i=0; i<stack.length; i++) {
|
221
|
+
td[i][1] = stack[i] * fact;
|
222
|
+
td[i][2] = this.data[i][1]/tot;
|
223
|
+
}
|
224
|
+
this.gridData = td;
|
225
|
+
};
|
226
|
+
|
227
|
+
$.jqplot.PieRenderer.prototype.makeGridData = function(data, plot) {
|
228
|
+
var stack = [];
|
229
|
+
var td = [];
|
230
|
+
var tot = 0;
|
231
|
+
var sa = this.startAngle/180*Math.PI;
|
232
|
+
// don't know if we have any valid data yet, so set plot to not draw.
|
233
|
+
this._drawData = false;
|
234
|
+
for (var i=0; i<data.length; i++){
|
235
|
+
if (this.data[i][1] != 0) {
|
236
|
+
// we have data, O.K. to draw.
|
237
|
+
this._drawData = true;
|
238
|
+
}
|
239
|
+
stack.push(data[i][1]);
|
240
|
+
td.push([data[i][0]]);
|
241
|
+
if (i>0) {
|
242
|
+
stack[i] += stack[i-1];
|
243
|
+
}
|
244
|
+
tot += data[i][1];
|
245
|
+
}
|
246
|
+
var fact = Math.PI*2/stack[stack.length - 1];
|
247
|
+
|
248
|
+
for (var i=0; i<stack.length; i++) {
|
249
|
+
td[i][1] = stack[i] * fact;
|
250
|
+
td[i][2] = data[i][1]/tot;
|
251
|
+
}
|
252
|
+
return td;
|
253
|
+
};
|
254
|
+
|
255
|
+
function calcRadiusAdjustment(ang) {
|
256
|
+
return Math.sin((ang - (ang-Math.PI) / 8 / Math.PI )/2.0);
|
257
|
+
}
|
258
|
+
|
259
|
+
function calcRPrime(ang1, ang2, sliceMargin, fill, lineWidth) {
|
260
|
+
var rprime = 0;
|
261
|
+
var ang = ang2 - ang1;
|
262
|
+
var absang = Math.abs(ang);
|
263
|
+
var sm = sliceMargin;
|
264
|
+
if (fill == false) {
|
265
|
+
sm += lineWidth;
|
266
|
+
}
|
267
|
+
|
268
|
+
if (sm > 0 && absang > 0.01 && absang < 6.282) {
|
269
|
+
rprime = parseFloat(sm) / 2.0 / calcRadiusAdjustment(ang);
|
270
|
+
}
|
271
|
+
|
272
|
+
return rprime;
|
273
|
+
}
|
274
|
+
|
275
|
+
$.jqplot.PieRenderer.prototype.drawSlice = function (ctx, ang1, ang2, color, isShadow) {
|
276
|
+
if (this._drawData) {
|
277
|
+
var r = this._radius;
|
278
|
+
var fill = this.fill;
|
279
|
+
var lineWidth = this.lineWidth;
|
280
|
+
var sm = this.sliceMargin;
|
281
|
+
if (this.fill == false) {
|
282
|
+
sm += this.lineWidth;
|
283
|
+
}
|
284
|
+
ctx.save();
|
285
|
+
ctx.translate(this._center[0], this._center[1]);
|
286
|
+
|
287
|
+
var rprime = calcRPrime(ang1, ang2, this.sliceMargin, this.fill, this.lineWidth);
|
288
|
+
|
289
|
+
var transx = rprime * Math.cos((ang1 + ang2) / 2.0);
|
290
|
+
var transy = rprime * Math.sin((ang1 + ang2) / 2.0);
|
291
|
+
|
292
|
+
if ((ang2 - ang1) <= Math.PI) {
|
293
|
+
r -= rprime;
|
294
|
+
}
|
295
|
+
else {
|
296
|
+
r += rprime;
|
297
|
+
}
|
298
|
+
|
299
|
+
ctx.translate(transx, transy);
|
300
|
+
|
301
|
+
if (isShadow) {
|
302
|
+
for (var i=0, l=this.shadowDepth; i<l; i++) {
|
303
|
+
ctx.save();
|
304
|
+
ctx.translate(this.shadowOffset*Math.cos(this.shadowAngle/180*Math.PI), this.shadowOffset*Math.sin(this.shadowAngle/180*Math.PI));
|
305
|
+
doDraw(r);
|
306
|
+
}
|
307
|
+
for (var i=0, l=this.shadowDepth; i<l; i++) {
|
308
|
+
ctx.restore();
|
309
|
+
}
|
310
|
+
}
|
311
|
+
|
312
|
+
else {
|
313
|
+
doDraw(r);
|
314
|
+
}
|
315
|
+
ctx.restore();
|
316
|
+
}
|
317
|
+
|
318
|
+
function doDraw (rad) {
|
319
|
+
// Fix for IE and Chrome that can't seem to draw circles correctly.
|
320
|
+
// ang2 should always be <= 2 pi since that is the way the data is converted.
|
321
|
+
// 2Pi = 6.2831853, Pi = 3.1415927
|
322
|
+
if (ang2 > 6.282 + this.startAngle) {
|
323
|
+
ang2 = 6.282 + this.startAngle;
|
324
|
+
if (ang1 > ang2) {
|
325
|
+
ang1 = 6.281 + this.startAngle;
|
326
|
+
}
|
327
|
+
}
|
328
|
+
// Fix for IE, where it can't seem to handle 0 degree angles. Also avoids
|
329
|
+
// ugly line on unfilled pies.
|
330
|
+
if (ang1 >= ang2) {
|
331
|
+
return;
|
332
|
+
}
|
333
|
+
|
334
|
+
ctx.beginPath();
|
335
|
+
ctx.fillStyle = color;
|
336
|
+
ctx.strokeStyle = color;
|
337
|
+
ctx.lineWidth = lineWidth;
|
338
|
+
ctx.arc(0, 0, rad, ang1, ang2, false);
|
339
|
+
ctx.lineTo(0,0);
|
340
|
+
ctx.closePath();
|
341
|
+
|
342
|
+
if (fill) {
|
343
|
+
ctx.fill();
|
344
|
+
}
|
345
|
+
else {
|
346
|
+
ctx.stroke();
|
347
|
+
}
|
348
|
+
}
|
349
|
+
};
|
350
|
+
|
351
|
+
// called with scope of series
|
352
|
+
$.jqplot.PieRenderer.prototype.draw = function (ctx, gd, options, plot) {
|
353
|
+
var i;
|
354
|
+
var opts = (options != undefined) ? options : {};
|
355
|
+
// offset and direction of offset due to legend placement
|
356
|
+
var offx = 0;
|
357
|
+
var offy = 0;
|
358
|
+
var trans = 1;
|
359
|
+
var colorGenerator = new $.jqplot.ColorGenerator(this.seriesColors);
|
360
|
+
if (options.legendInfo && options.legendInfo.placement == 'insideGrid') {
|
361
|
+
var li = options.legendInfo;
|
362
|
+
switch (li.location) {
|
363
|
+
case 'nw':
|
364
|
+
offx = li.width + li.xoffset;
|
365
|
+
break;
|
366
|
+
case 'w':
|
367
|
+
offx = li.width + li.xoffset;
|
368
|
+
break;
|
369
|
+
case 'sw':
|
370
|
+
offx = li.width + li.xoffset;
|
371
|
+
break;
|
372
|
+
case 'ne':
|
373
|
+
offx = li.width + li.xoffset;
|
374
|
+
trans = -1;
|
375
|
+
break;
|
376
|
+
case 'e':
|
377
|
+
offx = li.width + li.xoffset;
|
378
|
+
trans = -1;
|
379
|
+
break;
|
380
|
+
case 'se':
|
381
|
+
offx = li.width + li.xoffset;
|
382
|
+
trans = -1;
|
383
|
+
break;
|
384
|
+
case 'n':
|
385
|
+
offy = li.height + li.yoffset;
|
386
|
+
break;
|
387
|
+
case 's':
|
388
|
+
offy = li.height + li.yoffset;
|
389
|
+
trans = -1;
|
390
|
+
break;
|
391
|
+
default:
|
392
|
+
break;
|
393
|
+
}
|
394
|
+
}
|
395
|
+
|
396
|
+
var shadow = (opts.shadow != undefined) ? opts.shadow : this.shadow;
|
397
|
+
var fill = (opts.fill != undefined) ? opts.fill : this.fill;
|
398
|
+
var cw = ctx.canvas.width;
|
399
|
+
var ch = ctx.canvas.height;
|
400
|
+
var w = cw - offx - 2 * this.padding;
|
401
|
+
var h = ch - offy - 2 * this.padding;
|
402
|
+
var mindim = Math.min(w,h);
|
403
|
+
var d = mindim;
|
404
|
+
|
405
|
+
// Fixes issue #272. Thanks hugwijst!
|
406
|
+
// reset slice angles array.
|
407
|
+
this._sliceAngles = [];
|
408
|
+
|
409
|
+
var sm = this.sliceMargin;
|
410
|
+
if (this.fill == false) {
|
411
|
+
sm += this.lineWidth;
|
412
|
+
}
|
413
|
+
|
414
|
+
var rprime;
|
415
|
+
var maxrprime = 0;
|
416
|
+
|
417
|
+
var ang, ang1, ang2, shadowColor;
|
418
|
+
var sa = this.startAngle / 180 * Math.PI;
|
419
|
+
|
420
|
+
// have to pre-draw shadows, so loop throgh here and calculate some values also.
|
421
|
+
for (var i=0, l=gd.length; i<l; i++) {
|
422
|
+
ang1 = (i == 0) ? sa : gd[i-1][1] + sa;
|
423
|
+
ang2 = gd[i][1] + sa;
|
424
|
+
|
425
|
+
this._sliceAngles.push([ang1, ang2]);
|
426
|
+
|
427
|
+
rprime = calcRPrime(ang1, ang2, this.sliceMargin, this.fill, this.lineWidth);
|
428
|
+
|
429
|
+
if (Math.abs(ang2-ang1) > Math.PI) {
|
430
|
+
maxrprime = Math.max(rprime, maxrprime);
|
431
|
+
}
|
432
|
+
}
|
433
|
+
|
434
|
+
if (this.diameter != null && this.diameter > 0) {
|
435
|
+
this._diameter = this.diameter - 2*maxrprime;
|
436
|
+
}
|
437
|
+
else {
|
438
|
+
this._diameter = d - 2*maxrprime;
|
439
|
+
}
|
440
|
+
|
441
|
+
// Need to check for undersized pie. This can happen if
|
442
|
+
// plot area too small and legend is too big.
|
443
|
+
if (this._diameter < 6) {
|
444
|
+
$.jqplot.log('Diameter of pie too small, not rendering.');
|
445
|
+
return;
|
446
|
+
}
|
447
|
+
|
448
|
+
var r = this._radius = this._diameter/2;
|
449
|
+
|
450
|
+
this._center = [(cw - trans * offx)/2 + trans * offx + maxrprime * Math.cos(sa), (ch - trans*offy)/2 + trans * offy + maxrprime * Math.sin(sa)];
|
451
|
+
|
452
|
+
if (this.shadow) {
|
453
|
+
for (var i=0, l=gd.length; i<l; i++) {
|
454
|
+
shadowColor = 'rgba(0,0,0,'+this.shadowAlpha+')';
|
455
|
+
this.renderer.drawSlice.call (this, ctx, this._sliceAngles[i][0], this._sliceAngles[i][1], shadowColor, true);
|
456
|
+
}
|
457
|
+
}
|
458
|
+
|
459
|
+
for (var i=0; i<gd.length; i++) {
|
460
|
+
|
461
|
+
this.renderer.drawSlice.call (this, ctx, this._sliceAngles[i][0], this._sliceAngles[i][1], colorGenerator.next(), false);
|
462
|
+
|
463
|
+
if (this.showDataLabels && gd[i][2]*100 >= this.dataLabelThreshold) {
|
464
|
+
var fstr, avgang = (this._sliceAngles[i][0] + this._sliceAngles[i][1])/2, label;
|
465
|
+
|
466
|
+
if (this.dataLabels == 'label') {
|
467
|
+
fstr = this.dataLabelFormatString || '%s';
|
468
|
+
label = $.jqplot.sprintf(fstr, gd[i][0]);
|
469
|
+
}
|
470
|
+
else if (this.dataLabels == 'value') {
|
471
|
+
fstr = this.dataLabelFormatString || '%d';
|
472
|
+
label = $.jqplot.sprintf(fstr, this.data[i][1]);
|
473
|
+
}
|
474
|
+
else if (this.dataLabels == 'percent') {
|
475
|
+
fstr = this.dataLabelFormatString || '%d%%';
|
476
|
+
label = $.jqplot.sprintf(fstr, gd[i][2]*100);
|
477
|
+
}
|
478
|
+
else if (this.dataLabels.constructor == Array) {
|
479
|
+
fstr = this.dataLabelFormatString || '%s';
|
480
|
+
label = $.jqplot.sprintf(fstr, this.dataLabels[i]);
|
481
|
+
}
|
482
|
+
|
483
|
+
var fact = (this._radius ) * this.dataLabelPositionFactor + this.sliceMargin + this.dataLabelNudge;
|
484
|
+
|
485
|
+
var x = this._center[0] + Math.cos(avgang) * fact + this.canvas._offsets.left;
|
486
|
+
var y = this._center[1] + Math.sin(avgang) * fact + this.canvas._offsets.top;
|
487
|
+
|
488
|
+
var labelelem = $('<div class="jqplot-pie-series jqplot-data-label" style="position:absolute;">' + label + '</div>').insertBefore(plot.eventCanvas._elem);
|
489
|
+
if (this.dataLabelCenterOn) {
|
490
|
+
x -= labelelem.width()/2;
|
491
|
+
y -= labelelem.height()/2;
|
492
|
+
}
|
493
|
+
else {
|
494
|
+
x -= labelelem.width() * Math.sin(avgang/2);
|
495
|
+
y -= labelelem.height()/2;
|
496
|
+
}
|
497
|
+
x = Math.round(x);
|
498
|
+
y = Math.round(y);
|
499
|
+
labelelem.css({left: x, top: y});
|
500
|
+
}
|
501
|
+
}
|
502
|
+
};
|
503
|
+
|
504
|
+
$.jqplot.PieAxisRenderer = function() {
|
505
|
+
$.jqplot.LinearAxisRenderer.call(this);
|
506
|
+
};
|
507
|
+
|
508
|
+
$.jqplot.PieAxisRenderer.prototype = new $.jqplot.LinearAxisRenderer();
|
509
|
+
$.jqplot.PieAxisRenderer.prototype.constructor = $.jqplot.PieAxisRenderer;
|
510
|
+
|
511
|
+
|
512
|
+
// There are no traditional axes on a pie chart. We just need to provide
|
513
|
+
// dummy objects with properties so the plot will render.
|
514
|
+
// called with scope of axis object.
|
515
|
+
$.jqplot.PieAxisRenderer.prototype.init = function(options){
|
516
|
+
//
|
517
|
+
this.tickRenderer = $.jqplot.PieTickRenderer;
|
518
|
+
$.extend(true, this, options);
|
519
|
+
// I don't think I'm going to need _dataBounds here.
|
520
|
+
// have to go Axis scaling in a way to fit chart onto plot area
|
521
|
+
// and provide u2p and p2u functionality for mouse cursor, etc.
|
522
|
+
// for convienence set _dataBounds to 0 and 100 and
|
523
|
+
// set min/max to 0 and 100.
|
524
|
+
this._dataBounds = {min:0, max:100};
|
525
|
+
this.min = 0;
|
526
|
+
this.max = 100;
|
527
|
+
this.showTicks = false;
|
528
|
+
this.ticks = [];
|
529
|
+
this.showMark = false;
|
530
|
+
this.show = false;
|
531
|
+
};
|
532
|
+
|
533
|
+
|
534
|
+
|
535
|
+
|
536
|
+
$.jqplot.PieLegendRenderer = function(){
|
537
|
+
$.jqplot.TableLegendRenderer.call(this);
|
538
|
+
};
|
539
|
+
|
540
|
+
$.jqplot.PieLegendRenderer.prototype = new $.jqplot.TableLegendRenderer();
|
541
|
+
$.jqplot.PieLegendRenderer.prototype.constructor = $.jqplot.PieLegendRenderer;
|
542
|
+
|
543
|
+
/**
|
544
|
+
* Class: $.jqplot.PieLegendRenderer
|
545
|
+
* Legend Renderer specific to pie plots. Set by default
|
546
|
+
* when user creates a pie plot.
|
547
|
+
*/
|
548
|
+
$.jqplot.PieLegendRenderer.prototype.init = function(options) {
|
549
|
+
// Group: Properties
|
550
|
+
//
|
551
|
+
// prop: numberRows
|
552
|
+
// Maximum number of rows in the legend. 0 or null for unlimited.
|
553
|
+
this.numberRows = null;
|
554
|
+
// prop: numberColumns
|
555
|
+
// Maximum number of columns in the legend. 0 or null for unlimited.
|
556
|
+
this.numberColumns = null;
|
557
|
+
$.extend(true, this, options);
|
558
|
+
};
|
559
|
+
|
560
|
+
// called with context of legend
|
561
|
+
$.jqplot.PieLegendRenderer.prototype.draw = function() {
|
562
|
+
var legend = this;
|
563
|
+
if (this.show) {
|
564
|
+
var series = this._series;
|
565
|
+
|
566
|
+
|
567
|
+
this._elem = $(document.createElement('table'));
|
568
|
+
this._elem.addClass('jqplot-table-legend');
|
569
|
+
|
570
|
+
var ss = {position:'absolute'};
|
571
|
+
if (this.background) {
|
572
|
+
ss['background'] = this.background;
|
573
|
+
}
|
574
|
+
if (this.border) {
|
575
|
+
ss['border'] = this.border;
|
576
|
+
}
|
577
|
+
if (this.fontSize) {
|
578
|
+
ss['fontSize'] = this.fontSize;
|
579
|
+
}
|
580
|
+
if (this.fontFamily) {
|
581
|
+
ss['fontFamily'] = this.fontFamily;
|
582
|
+
}
|
583
|
+
if (this.textColor) {
|
584
|
+
ss['textColor'] = this.textColor;
|
585
|
+
}
|
586
|
+
if (this.marginTop != null) {
|
587
|
+
ss['marginTop'] = this.marginTop;
|
588
|
+
}
|
589
|
+
if (this.marginBottom != null) {
|
590
|
+
ss['marginBottom'] = this.marginBottom;
|
591
|
+
}
|
592
|
+
if (this.marginLeft != null) {
|
593
|
+
ss['marginLeft'] = this.marginLeft;
|
594
|
+
}
|
595
|
+
if (this.marginRight != null) {
|
596
|
+
ss['marginRight'] = this.marginRight;
|
597
|
+
}
|
598
|
+
|
599
|
+
this._elem.css(ss);
|
600
|
+
|
601
|
+
// Pie charts legends don't go by number of series, but by number of data points
|
602
|
+
// in the series. Refactor things here for that.
|
603
|
+
|
604
|
+
var pad = false,
|
605
|
+
reverse = false,
|
606
|
+
nr,
|
607
|
+
nc;
|
608
|
+
var s = series[0];
|
609
|
+
var colorGenerator = new $.jqplot.ColorGenerator(s.seriesColors);
|
610
|
+
|
611
|
+
if (s.show) {
|
612
|
+
var pd = s.data;
|
613
|
+
if (this.numberRows) {
|
614
|
+
nr = this.numberRows;
|
615
|
+
if (!this.numberColumns){
|
616
|
+
nc = Math.ceil(pd.length/nr);
|
617
|
+
}
|
618
|
+
else{
|
619
|
+
nc = this.numberColumns;
|
620
|
+
}
|
621
|
+
}
|
622
|
+
else if (this.numberColumns) {
|
623
|
+
nc = this.numberColumns;
|
624
|
+
nr = Math.ceil(pd.length/this.numberColumns);
|
625
|
+
}
|
626
|
+
else {
|
627
|
+
nr = pd.length;
|
628
|
+
nc = 1;
|
629
|
+
}
|
630
|
+
|
631
|
+
var i, j;
|
632
|
+
var tr, td1, td2;
|
633
|
+
var lt, rs, color;
|
634
|
+
var idx = 0;
|
635
|
+
var div0, div1;
|
636
|
+
|
637
|
+
for (i=0; i<nr; i++) {
|
638
|
+
tr = $(document.createElement('tr'));
|
639
|
+
tr.addClass('jqplot-table-legend');
|
640
|
+
|
641
|
+
if (reverse){
|
642
|
+
tr.prependTo(this._elem);
|
643
|
+
}
|
644
|
+
|
645
|
+
else{
|
646
|
+
tr.appendTo(this._elem);
|
647
|
+
}
|
648
|
+
|
649
|
+
for (j=0; j<nc; j++) {
|
650
|
+
if (idx < pd.length){
|
651
|
+
lt = this.labels[idx] || pd[idx][0].toString();
|
652
|
+
color = colorGenerator.next();
|
653
|
+
if (!reverse){
|
654
|
+
if (i>0){
|
655
|
+
pad = true;
|
656
|
+
}
|
657
|
+
else{
|
658
|
+
pad = false;
|
659
|
+
}
|
660
|
+
}
|
661
|
+
else{
|
662
|
+
if (i == nr -1){
|
663
|
+
pad = false;
|
664
|
+
}
|
665
|
+
else{
|
666
|
+
pad = true;
|
667
|
+
}
|
668
|
+
}
|
669
|
+
rs = (pad) ? this.rowSpacing : '0';
|
670
|
+
|
671
|
+
|
672
|
+
|
673
|
+
td1 = $(document.createElement('td'));
|
674
|
+
td1.addClass('jqplot-table-legend jqplot-table-legend-swatch');
|
675
|
+
td1.css({textAlign: 'center', paddingTop: rs});
|
676
|
+
|
677
|
+
div0 = $(document.createElement('div'));
|
678
|
+
div0.addClass('jqplot-table-legend-swatch-outline');
|
679
|
+
div1 = $(document.createElement('div'));
|
680
|
+
div1.addClass('jqplot-table-legend-swatch');
|
681
|
+
div1.css({backgroundColor: color, borderColor: color});
|
682
|
+
td1.append(div0.append(div1));
|
683
|
+
|
684
|
+
td2 = $(document.createElement('td'));
|
685
|
+
td2.addClass('jqplot-table-legend jqplot-table-legend-label');
|
686
|
+
td2.css('paddingTop', rs);
|
687
|
+
|
688
|
+
if (this.escapeHtml){
|
689
|
+
td2.text(lt);
|
690
|
+
}
|
691
|
+
else {
|
692
|
+
td2.html(lt);
|
693
|
+
}
|
694
|
+
if (reverse) {
|
695
|
+
td2.prependTo(tr);
|
696
|
+
td1.prependTo(tr);
|
697
|
+
}
|
698
|
+
else {
|
699
|
+
td1.appendTo(tr);
|
700
|
+
td2.appendTo(tr);
|
701
|
+
}
|
702
|
+
pad = true;
|
703
|
+
}
|
704
|
+
idx++;
|
705
|
+
}
|
706
|
+
}
|
707
|
+
}
|
708
|
+
}
|
709
|
+
return this._elem;
|
710
|
+
};
|
711
|
+
|
712
|
+
$.jqplot.PieRenderer.prototype.handleMove = function(ev, gridpos, datapos, neighbor, plot) {
|
713
|
+
if (neighbor) {
|
714
|
+
var ins = [neighbor.seriesIndex, neighbor.pointIndex, neighbor.data];
|
715
|
+
plot.target.trigger('jqplotDataMouseOver', ins);
|
716
|
+
if (plot.series[ins[0]].highlightMouseOver && !(ins[0] == plot.plugins.pieRenderer.highlightedSeriesIndex && ins[1] == plot.series[ins[0]]._highlightedPoint)) {
|
717
|
+
plot.target.trigger('jqplotDataHighlight', ins);
|
718
|
+
highlight (plot, ins[0], ins[1]);
|
719
|
+
}
|
720
|
+
}
|
721
|
+
else if (neighbor == null) {
|
722
|
+
unhighlight (plot);
|
723
|
+
}
|
724
|
+
};
|
725
|
+
|
726
|
+
|
727
|
+
// this.eventCanvas._elem.bind($.jqplot.eventListenerHooks[i][0], {plot:this}, $.jqplot.eventListenerHooks[i][1]);
|
728
|
+
|
729
|
+
// setup default renderers for axes and legend so user doesn't have to
|
730
|
+
// called with scope of plot
|
731
|
+
function preInit(target, data, options) {
|
732
|
+
options = options || {};
|
733
|
+
options.axesDefaults = options.axesDefaults || {};
|
734
|
+
options.legend = options.legend || {};
|
735
|
+
options.seriesDefaults = options.seriesDefaults || {};
|
736
|
+
// only set these if there is a pie series
|
737
|
+
var setopts = false;
|
738
|
+
if (options.seriesDefaults.renderer == $.jqplot.PieRenderer) {
|
739
|
+
setopts = true;
|
740
|
+
}
|
741
|
+
else if (options.series) {
|
742
|
+
for (var i=0; i < options.series.length; i++) {
|
743
|
+
if (options.series[i].renderer == $.jqplot.PieRenderer) {
|
744
|
+
setopts = true;
|
745
|
+
}
|
746
|
+
}
|
747
|
+
}
|
748
|
+
|
749
|
+
if (setopts) {
|
750
|
+
options.axesDefaults.renderer = $.jqplot.PieAxisRenderer;
|
751
|
+
options.legend.renderer = $.jqplot.PieLegendRenderer;
|
752
|
+
options.legend.preDraw = true;
|
753
|
+
options.seriesDefaults.pointLabels = {show: false};
|
754
|
+
}
|
755
|
+
}
|
756
|
+
|
757
|
+
function postInit(target, data, options) {
|
758
|
+
for (var i=0; i<this.series.length; i++) {
|
759
|
+
if (this.series[i].renderer.constructor == $.jqplot.PieRenderer) {
|
760
|
+
// don't allow mouseover and mousedown at same time.
|
761
|
+
if (this.series[i].highlightMouseOver) {
|
762
|
+
this.series[i].highlightMouseDown = false;
|
763
|
+
}
|
764
|
+
}
|
765
|
+
}
|
766
|
+
}
|
767
|
+
|
768
|
+
// called with scope of plot
|
769
|
+
function postParseOptions(options) {
|
770
|
+
for (var i=0; i<this.series.length; i++) {
|
771
|
+
this.series[i].seriesColors = this.seriesColors;
|
772
|
+
this.series[i].colorGenerator = $.jqplot.colorGenerator;
|
773
|
+
}
|
774
|
+
}
|
775
|
+
|
776
|
+
function highlight (plot, sidx, pidx) {
|
777
|
+
var s = plot.series[sidx];
|
778
|
+
var canvas = plot.plugins.pieRenderer.highlightCanvas;
|
779
|
+
canvas._ctx.clearRect(0,0,canvas._ctx.canvas.width, canvas._ctx.canvas.height);
|
780
|
+
s._highlightedPoint = pidx;
|
781
|
+
plot.plugins.pieRenderer.highlightedSeriesIndex = sidx;
|
782
|
+
s.renderer.drawSlice.call(s, canvas._ctx, s._sliceAngles[pidx][0], s._sliceAngles[pidx][1], s.highlightColorGenerator.get(pidx), false);
|
783
|
+
}
|
784
|
+
|
785
|
+
function unhighlight (plot) {
|
786
|
+
var canvas = plot.plugins.pieRenderer.highlightCanvas;
|
787
|
+
canvas._ctx.clearRect(0,0, canvas._ctx.canvas.width, canvas._ctx.canvas.height);
|
788
|
+
for (var i=0; i<plot.series.length; i++) {
|
789
|
+
plot.series[i]._highlightedPoint = null;
|
790
|
+
}
|
791
|
+
plot.plugins.pieRenderer.highlightedSeriesIndex = null;
|
792
|
+
plot.target.trigger('jqplotDataUnhighlight');
|
793
|
+
}
|
794
|
+
|
795
|
+
function handleMove(ev, gridpos, datapos, neighbor, plot) {
|
796
|
+
if (neighbor) {
|
797
|
+
var ins = [neighbor.seriesIndex, neighbor.pointIndex, neighbor.data];
|
798
|
+
var evt1 = jQuery.Event('jqplotDataMouseOver');
|
799
|
+
evt1.pageX = ev.pageX;
|
800
|
+
evt1.pageY = ev.pageY;
|
801
|
+
plot.target.trigger(evt1, ins);
|
802
|
+
if (plot.series[ins[0]].highlightMouseOver && !(ins[0] == plot.plugins.pieRenderer.highlightedSeriesIndex && ins[1] == plot.series[ins[0]]._highlightedPoint)) {
|
803
|
+
var evt = jQuery.Event('jqplotDataHighlight');
|
804
|
+
evt.which = ev.which;
|
805
|
+
evt.pageX = ev.pageX;
|
806
|
+
evt.pageY = ev.pageY;
|
807
|
+
plot.target.trigger(evt, ins);
|
808
|
+
highlight (plot, ins[0], ins[1]);
|
809
|
+
}
|
810
|
+
}
|
811
|
+
else if (neighbor == null) {
|
812
|
+
unhighlight (plot);
|
813
|
+
}
|
814
|
+
}
|
815
|
+
|
816
|
+
function handleMouseDown(ev, gridpos, datapos, neighbor, plot) {
|
817
|
+
if (neighbor) {
|
818
|
+
var ins = [neighbor.seriesIndex, neighbor.pointIndex, neighbor.data];
|
819
|
+
if (plot.series[ins[0]].highlightMouseDown && !(ins[0] == plot.plugins.pieRenderer.highlightedSeriesIndex && ins[1] == plot.series[ins[0]]._highlightedPoint)) {
|
820
|
+
var evt = jQuery.Event('jqplotDataHighlight');
|
821
|
+
evt.which = ev.which;
|
822
|
+
evt.pageX = ev.pageX;
|
823
|
+
evt.pageY = ev.pageY;
|
824
|
+
plot.target.trigger(evt, ins);
|
825
|
+
highlight (plot, ins[0], ins[1]);
|
826
|
+
}
|
827
|
+
}
|
828
|
+
else if (neighbor == null) {
|
829
|
+
unhighlight (plot);
|
830
|
+
}
|
831
|
+
}
|
832
|
+
|
833
|
+
function handleMouseUp(ev, gridpos, datapos, neighbor, plot) {
|
834
|
+
var idx = plot.plugins.pieRenderer.highlightedSeriesIndex;
|
835
|
+
if (idx != null && plot.series[idx].highlightMouseDown) {
|
836
|
+
unhighlight(plot);
|
837
|
+
}
|
838
|
+
}
|
839
|
+
|
840
|
+
function handleClick(ev, gridpos, datapos, neighbor, plot) {
|
841
|
+
if (neighbor) {
|
842
|
+
var ins = [neighbor.seriesIndex, neighbor.pointIndex, neighbor.data];
|
843
|
+
var evt = jQuery.Event('jqplotDataClick');
|
844
|
+
evt.which = ev.which;
|
845
|
+
evt.pageX = ev.pageX;
|
846
|
+
evt.pageY = ev.pageY;
|
847
|
+
plot.target.trigger(evt, ins);
|
848
|
+
}
|
849
|
+
}
|
850
|
+
|
851
|
+
function handleRightClick(ev, gridpos, datapos, neighbor, plot) {
|
852
|
+
if (neighbor) {
|
853
|
+
var ins = [neighbor.seriesIndex, neighbor.pointIndex, neighbor.data];
|
854
|
+
var idx = plot.plugins.pieRenderer.highlightedSeriesIndex;
|
855
|
+
if (idx != null && plot.series[idx].highlightMouseDown) {
|
856
|
+
unhighlight(plot);
|
857
|
+
}
|
858
|
+
var evt = jQuery.Event('jqplotDataRightClick');
|
859
|
+
evt.which = ev.which;
|
860
|
+
evt.pageX = ev.pageX;
|
861
|
+
evt.pageY = ev.pageY;
|
862
|
+
plot.target.trigger(evt, ins);
|
863
|
+
}
|
864
|
+
}
|
865
|
+
|
866
|
+
// called within context of plot
|
867
|
+
// create a canvas which we can draw on.
|
868
|
+
// insert it before the eventCanvas, so eventCanvas will still capture events.
|
869
|
+
function postPlotDraw() {
|
870
|
+
// Memory Leaks patch
|
871
|
+
if (this.plugins.pieRenderer && this.plugins.pieRenderer.highlightCanvas) {
|
872
|
+
this.plugins.pieRenderer.highlightCanvas.resetCanvas();
|
873
|
+
this.plugins.pieRenderer.highlightCanvas = null;
|
874
|
+
}
|
875
|
+
|
876
|
+
this.plugins.pieRenderer = {highlightedSeriesIndex:null};
|
877
|
+
this.plugins.pieRenderer.highlightCanvas = new $.jqplot.GenericCanvas();
|
878
|
+
|
879
|
+
// do we have any data labels? if so, put highlight canvas before those
|
880
|
+
var labels = $(this.targetId+' .jqplot-data-label');
|
881
|
+
if (labels.length) {
|
882
|
+
$(labels[0]).before(this.plugins.pieRenderer.highlightCanvas.createElement(this._gridPadding, 'jqplot-pieRenderer-highlight-canvas', this._plotDimensions, this));
|
883
|
+
}
|
884
|
+
// else put highlight canvas before event canvas.
|
885
|
+
else {
|
886
|
+
this.eventCanvas._elem.before(this.plugins.pieRenderer.highlightCanvas.createElement(this._gridPadding, 'jqplot-pieRenderer-highlight-canvas', this._plotDimensions, this));
|
887
|
+
}
|
888
|
+
|
889
|
+
var hctx = this.plugins.pieRenderer.highlightCanvas.setContext();
|
890
|
+
this.eventCanvas._elem.bind('mouseleave', {plot:this}, function (ev) { unhighlight(ev.data.plot); });
|
891
|
+
}
|
892
|
+
|
893
|
+
$.jqplot.preInitHooks.push(preInit);
|
894
|
+
|
895
|
+
$.jqplot.PieTickRenderer = function() {
|
896
|
+
$.jqplot.AxisTickRenderer.call(this);
|
897
|
+
};
|
898
|
+
|
899
|
+
$.jqplot.PieTickRenderer.prototype = new $.jqplot.AxisTickRenderer();
|
900
|
+
$.jqplot.PieTickRenderer.prototype.constructor = $.jqplot.PieTickRenderer;
|
901
|
+
|
902
|
+
})(jQuery);
|
903
|
+
|
904
|
+
|