3333 />
3434 <mct-plot
3535 :class="[plotLegendExpandedStateClass, plotLegendPositionClass]"
36- :init-grid-lines="gridLines "
36+ :init-grid-lines="gridLinesProp "
3737 :init-cursor-guide="cursorGuide"
3838 :options="options"
39- :limit-line-labels="limitLineLabels"
39+ :limit-line-labels="limitLineLabelsProp"
40+ :parent-y-tick-width="parentYTickWidth"
41+ :color-palette="colorPalette"
4042 @loadingUpdated="loadingUpdated"
4143 @statusUpdated="setStatus"
4244 @configLoaded="updateReady"
4345 @lockHighlightPoint="lockHighlightPointUpdated"
4446 @highlights="highlightsUpdated"
47+ @plotYTickWidth="onYTickWidthChange"
48+ @cursorGuide="onCursorGuideChange"
49+ @gridLines="onGridLinesChange"
4550 >
4651 <plot-legend
47- v-if="configReady"
52+ v-if="configReady && hideLegend === false "
4853 :cursor-locked="lockHighlightPoint"
4954 :highlights="highlights"
5055 @legendHoverChanged="legendHoverChanged"
@@ -79,14 +84,50 @@ export default {
7984 compact: false
8085 };
8186 }
87+ },
88+ gridLines: {
89+ type: Boolean,
90+ default() {
91+ return true;
92+ }
93+ },
94+ cursorGuide: {
95+ type: Boolean,
96+ default() {
97+ return false;
98+ }
99+ },
100+ parentLimitLineLabels: {
101+ type: Object,
102+ default() {
103+ return undefined;
104+ }
105+ },
106+ colorPalette: {
107+ type: Object,
108+ default() {
109+ return undefined;
110+ }
111+ },
112+ parentYTickWidth: {
113+ type: Object,
114+ default() {
115+ return {
116+ leftTickWidth: 0,
117+ rightTickWidth: 0,
118+ hasMultipleLeftAxes: false
119+ };
120+ }
121+ },
122+ hideLegend: {
123+ type: Boolean,
124+ default() {
125+ return false;
126+ }
82127 }
83128 },
84129 data() {
85130 return {
86- //Don't think we need this as it appears to be stacked plot specific
87- // hideExportButtons: false
88- cursorGuide: false,
89- gridLines: !this.options.compact,
90131 loading: false,
91132 status: '',
92133 staleObjects: [],
@@ -99,6 +140,12 @@ export default {
99140 };
100141 },
101142 computed: {
143+ limitLineLabelsProp() {
144+ return this.parentLimitLineLabels ?? this.limitLineLabels;
145+ },
146+ gridLinesProp() {
147+ return this.gridLines ?? !this.options.compact;
148+ },
102149 staleClass() {
103150 if (this.staleObjects.length !== 0) {
104151 return 'is-stale';
@@ -117,6 +164,14 @@ export default {
117164 }
118165 }
119166 },
167+ watch: {
168+ gridLines(newGridLines) {
169+ this.gridLines = newGridLines;
170+ },
171+ cursorGuide(newCursorGuide) {
172+ this.cursorGuide = newCursorGuide;
173+ }
174+ },
120175 mounted() {
121176 eventHelpers.extend(this);
122177 this.imageExporter = new ImageExporter(this.openmct);
@@ -188,6 +243,7 @@ export default {
188243 },
189244 loadingUpdated(loading) {
190245 this.loading = loading;
246+ this.$emit('loadingUpdated', ...arguments);
191247 },
192248 destroy() {
193249 if (this.stalenessSubscription) {
@@ -223,9 +279,11 @@ export default {
223279 },
224280 lockHighlightPointUpdated(data) {
225281 this.lockHighlightPoint = data;
282+ this.$emit('lockHighlightPoint', ...arguments);
226283 },
227284 highlightsUpdated(data) {
228285 this.highlights = data;
286+ this.$emit('highlights', ...arguments);
229287 },
230288 legendHoverChanged(data) {
231289 this.limitLineLabels = data;
@@ -238,6 +296,16 @@ export default {
238296 },
239297 updateReady(ready) {
240298 this.configReady = ready;
299+ this.$emit('configLoaded', ...arguments);
300+ },
301+ onYTickWidthChange() {
302+ this.$emit('plotYTickWidth', ...arguments);
303+ },
304+ onCursorGuideChange() {
305+ this.$emit('cursorGuide', ...arguments);
306+ },
307+ onGridLinesChange() {
308+ this.$emit('gridLines', ...arguments);
241309 }
242310 }
243311};
0 commit comments