Label y-ax
This commit is contained in:
Родитель
d4f5e80aaa
Коммит
8e3cc8b4ae
|
@ -218,7 +218,7 @@ Display.prototype.draw = function () {
|
|||
options.borderWidth = 1.5;
|
||||
options.borderColor = "#BEBEBE";
|
||||
options.legend = { show: false };
|
||||
options.xaxis = { };
|
||||
options.xaxis = { };
|
||||
options.yaxis = { };
|
||||
options.grid = { hoverable: true, clickable: true };
|
||||
options.selection = { mode: 'x' }
|
||||
|
@ -228,16 +228,12 @@ Display.prototype.draw = function () {
|
|||
options.yaxis.min = 0;
|
||||
|
||||
if (this.graph.direction == 1) {
|
||||
options.yaxis.transform = function (v) {
|
||||
options.yaxis.transform = function (v) {
|
||||
return -v;
|
||||
};
|
||||
options.yaxis.inverseTransform = function (v) {
|
||||
options.yaxis.inverseTransform = function (v) {
|
||||
return -v;
|
||||
};
|
||||
} else {
|
||||
options.yaxis.tickFormatter = function (v, axis) {
|
||||
return v + 'ms';
|
||||
};
|
||||
}
|
||||
|
||||
if (this.graph.aggregate && this.historical) {
|
||||
|
@ -280,6 +276,17 @@ Display.prototype.draw = function () {
|
|||
}
|
||||
|
||||
this.plot = $.plot(this.elt, this.graph.lines, options);
|
||||
|
||||
if (this.graph.direction == 1) {
|
||||
var yaxisLabel = $("<div class='axisLabel yaxisLabel'></div>")
|
||||
.text("Score")
|
||||
.appendTo(this.elt);
|
||||
} else {
|
||||
var yaxisLabel = $("<div class='axisLabel yaxisLabel'></div>")
|
||||
.text("Execution Time (ms)")
|
||||
.appendTo(this.elt);
|
||||
}
|
||||
yaxisLabel.css("margin-top", yaxisLabel.width() / 2 - 20);
|
||||
}
|
||||
|
||||
Display.prototype.plotSelected = function (event, ranges) {
|
||||
|
|
|
@ -16,6 +16,14 @@
|
|||
<script type="text/javascript" src="tooltip.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<!--[if IE 6]><body class="ie ie6"><![endif]-->
|
||||
<!--[if IE 7]><body class="ie ie7"><![endif]-->
|
||||
<!--[if IE 8]><body class="ie ie8"><![endif]-->
|
||||
<!--[if IE 9]><body class="ie ie9"><![endif]-->
|
||||
<!--[if gt IE 9]><body class="ie"><![endif]-->
|
||||
<!--[if !IE ]><!-->
|
||||
<body>
|
||||
<!--<![endif]-->
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function () {
|
||||
AWFY.startup();
|
||||
|
|
|
@ -121,3 +121,32 @@ h1 {
|
|||
font-weight: bold;
|
||||
}
|
||||
|
||||
|
||||
.axisLabel {
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.yaxisLabel {
|
||||
top: 50%;
|
||||
left: 2px;
|
||||
margin: -25px;
|
||||
transform: rotate(-90deg);
|
||||
-o-transform: rotate(-90deg);
|
||||
-ms-transform: rotate(-90deg);
|
||||
-moz-transform: rotate(-90deg);
|
||||
-webkit-transform: rotate(-90deg);
|
||||
transform-origin: 0 0;
|
||||
-o-transform-origin: 0 0;
|
||||
-ms-transform-origin: 0 0;
|
||||
-moz-transform-origin: 0 0;
|
||||
-webkit-transform-origin: 0 0;
|
||||
}
|
||||
|
||||
.ie7 .yaxisLabel, .ie8 .yaxisLabel {
|
||||
top: 40%;
|
||||
font-size: 1.1em;
|
||||
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.0, M12=0.33, M21=-0.33, M22=0.0,sizingMethod='auto expand');
|
||||
}
|
||||
|
||||
|
|
Загрузка…
Ссылка в новой задаче