Commit ea9b361b authored by Marc Duez's avatar Marc Duez

graph.js : better label positionning

parent 2c3a1189
...@@ -14,7 +14,7 @@ html{ ...@@ -14,7 +14,7 @@ html{
body { body {
font-family: Arial, Helvetica, Sans-serif; font-family: Arial, Helvetica, Sans-serif;
font-size: 14px; font-size: 13px;
height : 100%; height : 100%;
margin:0px; margin:0px;
color : @default; color : @default;
...@@ -103,7 +103,7 @@ max-height: calc(~"100%" - @margin) ...@@ -103,7 +103,7 @@ max-height: calc(~"100%" - @margin)
#info{ #info{
font-family : Courier New,monaco,terminal,courier,system; font-family : Courier New,monaco,terminal,courier,system;
font-size: 14px; font-size: 13px;
height :150px; height :150px;
padding:3px; padding:3px;
background : @background; background : @background;
...@@ -197,12 +197,18 @@ max-height: calc(~"100%" - @margin) ...@@ -197,12 +197,18 @@ max-height: calc(~"100%" - @margin)
opacity : 0.75; opacity : 0.75;
} }
.graph_text, .graph_time{ .graph_time{
font-weight : bold; font-weight : bold;
fill : @secondary ; fill : @secondary ;
text-anchor:middle; text-anchor:middle;
} }
.graph_text{
font-weight : bold;
fill : @secondary ;
text-anchor:end;
}
.graph_time:hover{ .graph_time:hover{
cursor:pointer; cursor:pointer;
fill : @select; fill : @select;
...@@ -346,8 +352,7 @@ max-height: calc(~"100%" - @margin) ...@@ -346,8 +352,7 @@ max-height: calc(~"100%" - @margin)
.listElem{ .listElem{
width : @width_listElem; width : @width_listElem;
font-family : Courier New,monaco,terminal,courier,system; font-size: 13px;
font-size: 14px;
cursor:pointer; cursor:pointer;
-webkit-transition: color 0.2s; -webkit-transition: color 0.2s;
-o-transition: color 0.2s; -o-transition: color 0.2s;
...@@ -442,7 +447,7 @@ max-height: calc(~"100%" - @margin) ...@@ -442,7 +447,7 @@ max-height: calc(~"100%" - @margin)
#listSeq { #listSeq {
font-weight: bold; font-weight: bold;
font-family: Courier New,monaco,terminal,courier,system; font-family: Courier New,monaco,terminal,courier,system;
font-size: 14px; font-size: 13px;
} }
.sequence-line { .sequence-line {
...@@ -515,7 +520,7 @@ max-height: calc(~"100%" - @margin) ...@@ -515,7 +520,7 @@ max-height: calc(~"100%" - @margin)
min-width:400px; min-width:400px;
margin-left:-250px; margin-left:-250px;
left :50%; left :50%;
font-size: 14px; font-size: 13px;
padding: 10px; padding: 10px;
background:inherit; background:inherit;
display:none; display:none;
...@@ -524,7 +529,7 @@ max-height: calc(~"100%" - @margin) ...@@ -524,7 +529,7 @@ max-height: calc(~"100%" - @margin)
.buttonSelector { .buttonSelector {
background : @background; background : @background;
cursor:pointer; cursor:pointer;
font-size: 14px; font-size: 13px;
margin :2px; margin :2px;
display:block; display:block;
text-align:left; text-align:left;
...@@ -546,7 +551,7 @@ max-height: calc(~"100%" - @margin) ...@@ -546,7 +551,7 @@ max-height: calc(~"100%" - @margin)
top: 250px; top: 250px;
left:50% ; left:50% ;
width:500px; width:500px;
font-size: 14px; font-size: 13px;
padding: 10px; padding: 10px;
background: @background; background: @background;
display:none; display:none;
...@@ -571,7 +576,7 @@ max-height: calc(~"100%" - @margin) ...@@ -571,7 +576,7 @@ max-height: calc(~"100%" - @margin)
position: fixed; position: fixed;
top: 50px; top: 50px;
left: 20px + @width_left_container; left: 20px + @width_left_container;
font-size: 14px; font-size: 13px;
padding: 10px; padding: 10px;
background: @background; background: @background;
display:none; display:none;
...@@ -616,7 +621,7 @@ max-height: calc(~"100%" - @margin) ...@@ -616,7 +621,7 @@ max-height: calc(~"100%" - @margin)
.button { .button {
cursor:pointer; cursor:pointer;
font-size: 14px; font-size: 13px;
padding: 0px 3px; padding: 0px 3px;
margin-right:5px; margin-right:5px;
margin-left:5px; margin-left:5px;
...@@ -626,7 +631,7 @@ max-height: calc(~"100%" - @margin) ...@@ -626,7 +631,7 @@ max-height: calc(~"100%" - @margin)
.smallbutton { .smallbutton {
cursor:pointer; cursor:pointer;
font-size: 14px; font-size: 13px;
text-decoration:underline; text-decoration:underline;
} }
......
...@@ -36,7 +36,7 @@ function Graph(id, model) { ...@@ -36,7 +36,7 @@ function Graph(id, model) {
this.marge1 = 0.05; //marge droite bord du graph/premiere colonne this.marge1 = 0.05; //marge droite bord du graph/premiere colonne
this.marge2 = 0.08; //marge gauche derniere colonne/bord du graph this.marge2 = 0.08; //marge gauche derniere colonne/bord du graph
this.marge3 = 0; //marge droite (non influencé par le resize) this.marge3 = 0; //marge droite (non influencé par le resize)
this.marge4 = 80; //marge gauche (non influencé par le resize) this.marge4 = 60; //marge gauche (non influencé par le resize)
this.marge5 = 25; //marge top (non influencé par le resize) this.marge5 = 25; //marge top (non influencé par le resize)
this.data_axis = []; this.data_axis = [];
...@@ -44,6 +44,9 @@ function Graph(id, model) { ...@@ -44,6 +44,9 @@ function Graph(id, model) {
this.drag_on = false; this.drag_on = false;
this.dragged_time_point = 0; this.dragged_time_point = 0;
this.text_position_y = 15;
this.text_position_x = 60;
this.m.view.push(this) this.m.view.push(this)
...@@ -517,10 +520,10 @@ Graph.prototype = { ...@@ -517,10 +520,10 @@ Graph.prototype = {
}) })
.attr("y", function (d) { .attr("y", function (d) {
if (d.type == "axis_h") return Math.floor(self.resizeH * d.pos) + self.marge5; if (d.type == "axis_h") return Math.floor(self.resizeH * d.pos) + self.marge5;
else return 15; else return self.text_position_y;
}) })
.attr("x", function (d) { .attr("x", function (d) {
if (d.type == "axis_h") return 40; if (d.type == "axis_h") return self.text_position_x;
else return Math.floor(self.resizeW * d.pos + self.marge4); else return Math.floor(self.resizeW * d.pos + self.marge4);
}) })
.attr("class", function (d) { .attr("class", function (d) {
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment