Influxdata
/
influxdb
mirror of https://github.com/influxdata/influxdb.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Styling Y labels 

Not super great looking, but at least it doesn’t overlap with the y
values
pull/10616/head
Alex P 2016-12-05 18:13:30 -08:00 committed by Andrew Watkins
parent b4a6ab4427
commit 5b88e4c775
2 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
ui/src/shared/components/LineGraph.js
View File

@ -67,6 +67,7 @@ export default React.createClass({
title,
rightGap: 0,
yRangePad: 10,
axisLabelWidth: 38,
drawAxesAtZero: true,
underlayCallback,
ylabel: _.get(queries, ['0', 'label'], ''),

23
ui/src/style/enterprise_style/dygraph-override.scss
View File

@ -3,6 +3,10 @@
color: $g11-sidewalk;
font-weight: 500;
}
.dygraph-axis-label-y2 {
padding: 0 0 0 0.3em !important;
text-align: right !important;
}
.graph-vertical-marker {
top: 0;
bottom: 0;
@ -79,3 +83,22 @@
}
}
}
.dygraph-ylabel,
.dygraph-y2label {
position: absolute;
width: 100%;
text-align: center;
font-size: 12px;
top: -16px !important;
color: $g11-sidewalk;
font-weight: 500;
}
.dygraph-ylabel {
}
.dygraph-y2label {
}