forked from xuanluo/flot-axislabels
-
Notifications
You must be signed in to change notification settings - Fork 1
/
README
54 lines (42 loc) · 1.35 KB
/
README
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
Axis Labels plugin for flot :P
by Xuan Luo
Example:
$(function () {
var options = {
xaxis: {
axisLabel: 'foo',
axisLabelUseCanvas: true,
axisLabelFontSizePixels: 20,
axisLabelFontFamily: 'Arial'
},
yaxis: {
axisLabel: 'bar',
axisLabelUseCanvas: true
}
};
$.plot($("#placeholder"),
yourData,
options);
);
});
Usage:
For each of your axes (only xaxis and yaxis are supported right now),
there are four options:
* axisLabel:
a string that is the text you want displayed as the label
* axisLabelUseCanvas:
a boolean; if true, draws text into the canvas; if false, uses HTML text.
The two modes have pros and cons:
* True - canvas text (default):
y-axis text will be vertical. Canvas text is not be supported in older
browsers.
* False - HTML text:
Can be styled with CSS. Text is always horizontal (even for y axis)
The following two options can only be used if axisLabelUseCanvas is enabled:
* axisLabelFontSizePixels:
the size, in pixels (NOT POINTS), of the font (default: 14)
* axisLabelFontFamily:
the font family of the font (default: sans-serif)
FUTURE DIRECTIONS
* Add support for secondary axes (x2axis, y2axis, etc.)
* Support a custom rotation angle for the labels