Use correct field for label name, fix default for unit to be blank
This commit is contained in:
parent
674f05d29a
commit
9ec791eedb
1 changed files with 9 additions and 9 deletions
|
@ -105,9 +105,9 @@
|
||||||
this.measurements = measurements.small;
|
this.measurements = measurements.small;
|
||||||
}
|
}
|
||||||
this.data = query.result[0].values;
|
this.data = query.result[0].values;
|
||||||
this.unitOfDisplay = query.unit || 'N/A';
|
this.unitOfDisplay = query.unit || '';
|
||||||
this.yAxisLabel = this.columnData.y_label || 'Values';
|
this.yAxisLabel = this.columnData.y_label || 'Values';
|
||||||
this.legendTitle = query.legend || 'Average';
|
this.legendTitle = query.label || 'Average';
|
||||||
this.graphWidth = this.$refs.baseSvg.clientWidth -
|
this.graphWidth = this.$refs.baseSvg.clientWidth -
|
||||||
this.margin.left - this.margin.right;
|
this.margin.left - this.margin.right;
|
||||||
this.graphHeight = this.graphHeight - this.margin.top - this.margin.bottom;
|
this.graphHeight = this.graphHeight - this.margin.top - this.margin.bottom;
|
||||||
|
@ -215,16 +215,16 @@
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
<template>
|
<template>
|
||||||
<div
|
<div
|
||||||
:class="classType">
|
:class="classType">
|
||||||
<h5
|
<h5
|
||||||
class="text-center graph-title">
|
class="text-center graph-title">
|
||||||
{{columnData.title}}
|
{{columnData.title}}
|
||||||
</h5>
|
</h5>
|
||||||
<div
|
<div
|
||||||
class="prometheus-svg-container"
|
class="prometheus-svg-container"
|
||||||
:style="paddingBottomRootSvg">
|
:style="paddingBottomRootSvg">
|
||||||
<svg
|
<svg
|
||||||
:viewBox="outterViewBox"
|
:viewBox="outterViewBox"
|
||||||
ref="baseSvg">
|
ref="baseSvg">
|
||||||
<g
|
<g
|
||||||
|
@ -235,7 +235,7 @@
|
||||||
class="y-axis"
|
class="y-axis"
|
||||||
transform="translate(70, 20)">
|
transform="translate(70, 20)">
|
||||||
</g>
|
</g>
|
||||||
<monitoring-legends
|
<monitoring-legends
|
||||||
:graph-width="graphWidth"
|
:graph-width="graphWidth"
|
||||||
:graph-height="graphHeight"
|
:graph-height="graphHeight"
|
||||||
:margin="margin"
|
:margin="margin"
|
||||||
|
@ -245,7 +245,7 @@
|
||||||
:y-axis-label="yAxisLabel"
|
:y-axis-label="yAxisLabel"
|
||||||
:metric-usage="metricUsage"
|
:metric-usage="metricUsage"
|
||||||
/>
|
/>
|
||||||
<svg
|
<svg
|
||||||
class="graph-data"
|
class="graph-data"
|
||||||
:viewBox="innerViewBox"
|
:viewBox="innerViewBox"
|
||||||
ref="graphData">
|
ref="graphData">
|
||||||
|
@ -263,7 +263,7 @@
|
||||||
stroke-width="2"
|
stroke-width="2"
|
||||||
transform="translate(-5, 20)">
|
transform="translate(-5, 20)">
|
||||||
</path>
|
</path>
|
||||||
<rect
|
<rect
|
||||||
class="prometheus-graph-overlay"
|
class="prometheus-graph-overlay"
|
||||||
:width="(graphWidth - 70)"
|
:width="(graphWidth - 70)"
|
||||||
:height="(graphHeight - 100)"
|
:height="(graphHeight - 100)"
|
||||||
|
@ -277,7 +277,7 @@
|
||||||
:graph-height="graphHeight"
|
:graph-height="graphHeight"
|
||||||
:graph-height-offset="graphHeightOffset"
|
:graph-height-offset="graphHeightOffset"
|
||||||
/>
|
/>
|
||||||
<monitoring-flag
|
<monitoring-flag
|
||||||
v-if="showFlag"
|
v-if="showFlag"
|
||||||
:current-x-coordinate="currentXCoordinate"
|
:current-x-coordinate="currentXCoordinate"
|
||||||
:current-y-coordinate="currentYCoordinate"
|
:current-y-coordinate="currentYCoordinate"
|
||||||
|
|
Loading…
Reference in a new issue