From 81e8d196a001394857dab08453c3477578799145 Mon Sep 17 00:00:00 2001
From: Denis Fulachier <44165041+dfulachier@users.noreply.github.com>
Date: Fri, 29 Nov 2019 15:29:51 +0100
Subject: [PATCH 1/3] SOC-689 - Upgrade Grafana Proper Plotly plug-in changes
(marker size)
---
.project | 11 +++++++++++
src/editor.ts | 17 +++++++++++++++++
src/module.ts | 11 ++++++++---
src/partials/tab_traces.html | 33 ++++++++++++++++++++++++++++-----
4 files changed, 64 insertions(+), 8 deletions(-)
create mode 100644 .project
diff --git a/.project b/.project
new file mode 100644
index 0000000..cfb1020
--- /dev/null
+++ b/.project
@@ -0,0 +1,11 @@
+
+
+ grafana-plotly-panel
+
+
+
+
+
+
+
+
diff --git a/src/editor.ts b/src/editor.ts
index 1d6425b..ad65ff4 100644
--- a/src/editor.ts
+++ b/src/editor.ts
@@ -41,6 +41,10 @@ export class EditorHelper {
ctrl.cfg.traces.forEach(trace => {
_.defaults(trace, PlotlyPanelCtrl.defaultTrace);
const mapping = trace.mapping;
+ if (!mapping.size) {
+ mapping.size = defaultMappings.first;
+ changed = true;
+ }
if (!mapping.color) {
mapping.color = defaultMappings.first;
changed = true;
@@ -275,6 +279,19 @@ export class EditorHelper {
this.onConfigChanged();
}
+ getSizeSegments(): any[] {
+ if (this.trace.settings.size_option === 'proportional') {
+ return [this.mapping.size];
+ }
+ return [];
+ }
+
+ onSizeChanged() {
+ const seg = this.mapping.size;
+ this.updateSegMapping(seg.value, 'size', true);
+ this.onConfigChanged();
+ }
+
getColorSegments(): any[] {
if (this.trace.settings.color_option === 'ramp') {
return [this.mapping.color];
diff --git a/src/module.ts b/src/module.ts
index 1140de2..614979d 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -63,6 +63,7 @@ class PlotlyPanelCtrl extends MetricsPanelCtrl {
},
showscale: false,
},
+ size_option: 'fixed',
color_option: 'ramp',
},
};
@@ -654,9 +655,13 @@ class PlotlyPanelCtrl extends MetricsPanelCtrl {
mode += '+markers';
trace.marker = config.settings.marker;
- delete trace.marker.sizemin;
- delete trace.marker.sizemode;
- delete trace.marker.sizeref;
+ if (config.settings.size_option === 'proportional') {
+ this.__addCopyPath(trace, mapping.size, 'marker.size');
+ } else {
+ delete trace.marker.sizemin;
+ delete trace.marker.sizemode;
+ delete trace.marker.sizeref;
+ }
if (config.settings.color_option === 'ramp') {
this.__addCopyPath(trace, mapping.color, 'marker.color');
diff --git a/src/partials/tab_traces.html b/src/partials/tab_traces.html
index 047b6d7..6d26669 100644
--- a/src/partials/tab_traces.html
+++ b/src/partials/tab_traces.html
@@ -82,6 +82,25 @@
Markers
+
+
+
+
+
+
+
+
Markers
placeholder="5" ng-blur="ctrl.onConfigChanged()" />
-
-