kotovalexarian-likes-gitlab/gitlab-org--gitlab-foss
1
0
Fork 0
Code Releases Activity

make legend X-offset into a constant

Browse source
This commit is contained in:
Mike Greiling 2017-11-06 17:08:06 -06:00
parent 5cc3e23542
commit 2b9230af48
No known key found for this signature in database
GPG key ID: 0303DF507FA67596
2 changed files with 8 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
app/assets/javascripts/monitoring/components/graph/legend.vue
View file

@ -173,10 +173,10 @@
:stroke="series.lineColor" :stroke="series.lineColor"
:stroke-width="measurements.legends.height" :stroke-width="measurements.legends.height"
:stroke-dasharray="strokeDashArray(series.lineStyle)" :stroke-dasharray="strokeDashArray(series.lineStyle)"
x1="20" :x1="measurements.legends.offsetX"
:x2="20 + measurements.legends.width" :x2="measurements.legends.offsetX + measurements.legends.width"
:y1="graphHeight - measurements.legendOffset" :y1="graphHeight - measurements.legends.offsetY"
:y2="graphHeight - measurements.legendOffset"> :y2="graphHeight - measurements.legends.offsetY">
</line> </line>
<text <text
v-if="timeSeries.length > 1" v-if="timeSeries.length > 1"

6
app/assets/javascripts/monitoring/utils/measurements.js
View file

@ -9,13 +9,14 @@ export default {
legends: { legends: {
width: 15, width: 15,
height: 3, height: 3,
offsetX: 20,
offsetY: 32,
}, },
backgroundLegend: { backgroundLegend: {
width: 30, width: 30,
height: 50, height: 50,
}, },
axisLabelLineOffset: -20, axisLabelLineOffset: -20,
legendOffset: 32,
}, },
large: { // This covers both md and lg screen sizes large: { // This covers both md and lg screen sizes
margin: { margin: {
@ -27,13 +28,14 @@ export default {
legends: { legends: {
width: 15, width: 15,
height: 3, height: 3,
offsetX: 20,
offsetY: 34,
}, },
backgroundLegend: { backgroundLegend: {
width: 30, width: 30,
height: 150, height: 150,
}, },
axisLabelLineOffset: 20, axisLabelLineOffset: 20,
legendOffset: 34,
}, },
xTicks: 8, xTicks: 8,
yTicks: 3, yTicks: 3,