Merge pull request #141 from flant/release_0_3_4

release: 0.3.4
2026-07-21 23:42:03 +00:00 · 2020-10-12 11:20:46 +03:00 · 2020-10-12 11:18:44 +03:00 · 2020-10-12 10:56:46 +03:00 · 2020-10-12 10:53:14 +03:00 · 2020-10-10 13:31:25 +03:00
20 changed files with 93 additions and 48 deletions
@@ -0,0 +1,2 @@
+/dist linguist-generated
+/src/libs/d3-scale-chromatic linguist-vendored
@@ -1,5 +1,19 @@
 # Changelog

+## v0.3.4
+
+- Fix to work in Grafana 7.2.0,7.2.1
+- Fix 'name' in tooltip for opacity and gradient modes
+- Fix color scale for opacity and gradient modes
+
+## v0.3.3
+
+- Fix fallback to string events for older versions of Grafana
+
+## v0.3.2
+
+- Fix plugin metadata for Grafana repository
+
 ## v0.3.1

 - Fix to work in Grafana 7.1.0
@@ -1,6 +1,8 @@
-[![Download from Github](https://img.shields.io/github/tag-date/flant/grafana-statusmap.svg?logo=github&label=latest)](https://github.com/flant/grafana-statusmap/releases/latest)
-[![Telegram chat RU](https://img.shields.io/badge/@statusmap_ru-RU-informational.svg?logo=telegram)](https://t.me/statusmap_ru)
-[![Slack chat EN](https://img.shields.io/badge/%23grafana--statusmap-EN-informational.svg?logo=slack)](https://cloud-native.slack.com/messages/CHGSGTAHY)
+<p align="center">
+<a href="https://github.com/flant/grafana-statusmap/releases/latest"><img src="https://img.shields.io/github/tag-date/flant/grafana-statusmap.svg?logo=github&label=latest" alt="Download from Github"/></a>
+<a href="https://community.flant.com/c/grafana-statusmap/8"><img src="https://img.shields.io/discourse/status?server=https%3A%2F%2Fcommunity.flant.com" alt="Discourse forum for discussions"/></a>
+<a href="https://t.me/statusmap_ru"><img src="https://img.shields.io/badge/@statusmap_ru-RU-informational.svg?logo=telegram" alt="Telegram chat RU"/></a>
+</p>

 # Statusmap panel for Grafana

@@ -26,9 +28,9 @@
  - InfluxDB
  - Mysql
 * Tested with Grafana:
-  - 5.4.3
+  - 7.0, 7.1, 7.2
  - 6.3, 6.6, 6.7
-  - 7.0, 7.1
+  - 5.4.3

 ## Installation

@@ -184,7 +186,7 @@ __Rows sort__ can be used to sort labels on Y axis. Metrics — sort y labels a

 #### Pagination

-![Pagination controls](src/img/pagination-graph.png)
+![Pagination controls](https://raw.githubusercontent.com/flant/grafana-statusmap/master/src/img/pagination-graph.png)

 __Enable pagination__ toggles pagination controls on graph.

@@ -192,7 +194,7 @@ __Rows per page__ a number of rows to display on graph.

 #### Tooltip

-![Tooltip in frozen state](src/img/tooltip-frozen.png)
+![Tooltip in frozen state](https://raw.githubusercontent.com/flant/grafana-statusmap/master/src/img/tooltip-frozen.png)

 __Show tooltip__ toggles tooltip display on mouse over buckets.

@@ -204,7 +206,7 @@ __Items__ is a list of definitions to display URLs in tooltip.

 Each URL has a template, icon, label and formating options: lowercase and date format for variables.

-![Tooltip items editor](src/img/tooltip-editor.png)
+![Tooltip items editor](https://raw.githubusercontent.com/flant/grafana-statusmap/master/src/img/tooltip-editor.png)

 ## Development

@@ -215,7 +217,7 @@ the directory containing Statusmap plugin):
 docker run --rm -it -v $PWD:/var/lib/grafana/plugins/flant-statusmap-panel \
           -p 3000:3000 --name grafana.docker \
           --env=GF_USERS_DEFAULT_THEME=light \
-           grafana/grafana:5.1.3
+           grafana/grafana:7.1.3
 ```

 This will expose local plugin from your machine to Grafana container. Now run `grunt` to compile
@@ -1,5 +1,19 @@
 # Changelog

+## v0.3.4
+
+- Fix to work in Grafana 7.2.0,7.2.1
+- Fix 'name' in tooltip for opacity and gradient modes
+- Fix color scale for opacity and gradient modes
+
+## v0.3.3
+
+- Fix fallback to string events for older versions of Grafana
+
+## v0.3.2
+
+- Fix plugin metadata for Grafana repository
+
 ## v0.3.1

 - Fix to work in Grafana 7.1.0
@@ -1,6 +1,8 @@
-[![Download from Github](https://img.shields.io/github/tag-date/flant/grafana-statusmap.svg?logo=github&label=latest)](https://github.com/flant/grafana-statusmap/releases/latest)
-[![Telegram chat RU](https://img.shields.io/badge/@statusmap_ru-RU-informational.svg?logo=telegram)](https://t.me/statusmap_ru)
-[![Slack chat EN](https://img.shields.io/badge/%23grafana--statusmap-EN-informational.svg?logo=slack)](https://cloud-native.slack.com/messages/CHGSGTAHY)
+<p align="center">
+<a href="https://github.com/flant/grafana-statusmap/releases/latest"><img src="https://img.shields.io/github/tag-date/flant/grafana-statusmap.svg?logo=github&label=latest" alt="Download from Github"/></a>
+<a href="https://community.flant.com/c/grafana-statusmap/8"><img src="https://img.shields.io/discourse/status?server=https%3A%2F%2Fcommunity.flant.com" alt="Discourse forum for discussions"/></a>
+<a href="https://t.me/statusmap_ru"><img src="https://img.shields.io/badge/@statusmap_ru-RU-informational.svg?logo=telegram" alt="Telegram chat RU"/></a>
+</p>

 # Statusmap panel for Grafana

@@ -26,9 +28,9 @@
  - InfluxDB
  - Mysql
 * Tested with Grafana:
-  - 5.4.3
+  - 7.0, 7.1, 7.2
  - 6.3, 6.6, 6.7
-  - 7.0, 7.1
+  - 5.4.3

 ## Installation

@@ -184,7 +186,7 @@ __Rows sort__ can be used to sort labels on Y axis. Metrics — sort y labels a

 #### Pagination

-![Pagination controls](src/img/pagination-graph.png)
+![Pagination controls](https://raw.githubusercontent.com/flant/grafana-statusmap/master/src/img/pagination-graph.png)

 __Enable pagination__ toggles pagination controls on graph.

@@ -192,7 +194,7 @@ __Rows per page__ a number of rows to display on graph.

 #### Tooltip

-![Tooltip in frozen state](src/img/tooltip-frozen.png)
+![Tooltip in frozen state](https://raw.githubusercontent.com/flant/grafana-statusmap/master/src/img/tooltip-frozen.png)

 __Show tooltip__ toggles tooltip display on mouse over buckets.

@@ -204,7 +206,7 @@ __Items__ is a list of definitions to display URLs in tooltip.

 Each URL has a template, icon, label and formating options: lowercase and date format for variables.

-![Tooltip items editor](src/img/tooltip-editor.png)
+![Tooltip items editor](https://raw.githubusercontent.com/flant/grafana-statusmap/master/src/img/tooltip-editor.png)

 ## Development

@@ -215,7 +217,7 @@ the directory containing Statusmap plugin):
 docker run --rm -it -v $PWD:/var/lib/grafana/plugins/flant-statusmap-panel \
           -p 3000:3000 --name grafana.docker \
           --env=GF_USERS_DEFAULT_THEME=light \
-           grafana/grafana:5.1.3
+           grafana/grafana:7.1.3
 ```

 This will expose local plugin from your machine to Grafana container. Now run `grunt` to compile
@@ -366,17 +366,17 @@ System.register(["lodash", "jquery", "d3", "./libs/d3-scale-chromatic/index", "a
              if (ctrl.bucketMatrix) {
                var rangeFrom = ctrl.bucketMatrix.minValue;
                var rangeTo = ctrl.bucketMatrix.maxValue;
-                var maxValue = panel.color.max || rangeTo;
-                var minValue = panel.color.min || rangeFrom;
+                var maxValue = panel.color.max != null ? panel.color.max : rangeTo;
+                var minValue = panel.color.min != null ? panel.color.min : rangeFrom;

                if (ctrl.bucketMatrix.noDatapoints) {
-                  if (!panel.color.max) {
+                  if (panel.color.max != null) {
                    rangeTo = maxValue = 100;
                  } else {
                    rangeTo = 100;
                  }

-                  if (!panel.color.min) {
+                  if (panel.color.min != null) {
                    rangeFrom = minValue = 0;
                  } else {
                    rangeFrom = 0;
@@ -157,8 +157,7 @@ System.register(["lodash", "./color_legend", "./options_editor", "./tooltip_edit

      _export("renderComplete", renderComplete = {
        name: 'statusmap-render-complete'
-      }); // eventFactory('statusmap-render-complete');
-
+      });

      _export("PanelCtrl", _export("StatusHeatmapCtrl", StatusHeatmapCtrl =
      /*#__PURE__*/
@@ -267,7 +266,12 @@ System.register(["lodash", "./color_legend", "./options_editor", "./tooltip_edit
            CoreEvents.fallbackToStringEvents();
            PanelEvents.fallbackToStringEvents();

-            _export("renderComplete", renderComplete = renderComplete.name);
+            _export("renderComplete", renderComplete = 'statusmap-render-complete');
+          } // Grafana 7.2 workaround
+
+
+          if (typeof kbn["intervalToMs"] === "function") {
+            kbn.interval_to_ms = kbn.intervalToMs;
          }

          migratePanelConfig(_this.panel);
@@ -24,11 +24,12 @@
      {"name": "Color mapping", "path": "img/color-mapping.png"},
      {"name": "Queries example", "path": "img/queries-example.png"}
    ],
-    "version": "0.3.1",
-    "updated": "2020-07-21"
+    "version": "0.3.4",
+    "updated": "2020-09-12"
  },

  "dependencies": {
+    "grafanaDependency": ">=5.4.3",
    "grafanaVersion": "5.4.x",
    "plugins": [ ]
  }
@@ -462,8 +462,8 @@ System.register(["lodash", "jquery", "moment", "app/core/utils/kbn", "app/core/c
          value: function addStatusmap() {
            var _this = this;

-            var maxValue = this.panel.color.max || this.bucketMatrix.maxValue;
-            var minValue = this.panel.color.min || this.bucketMatrix.minValue;
+            var maxValue = this.panel.color.max != null ? this.panel.color.max : this.bucketMatrix.maxValue;
+            var minValue = this.panel.color.min != null ? this.panel.color.min : this.bucketMatrix.minValue;

            if (this.panel.color.mode !== 'discrete') {
              this.colorScale = this.getColorScale(maxValue, minValue);
@@ -186,9 +186,9 @@ System.register(["d3", "jquery", "lodash"], function (_export, _context) {
              }), ""), "\n        </ul>\n      </div>");
            } else {
              if (values.length === 1) {
-                tooltipHtml += "<div> \n      name: <b>".concat(name, "</b> <br>\n      value: <b>").concat(value, "</b> <br>\n      </div>");
+                tooltipHtml += "<div> \n      name: <b>".concat(yLabel, "</b> <br>\n      value: <b>").concat(value, "</b> <br>\n      </div>");
              } else {
-                tooltipHtml += "<div>\n      name: <b>".concat(name, "</b> <br>\n      values:\n      <ul>\n        ").concat(_.join(_.map(values, function (v) {
+                tooltipHtml += "<div>\n      name: <b>".concat(yLabel, "</b> <br>\n      values:\n      <ul>\n        ").concat(_.join(_.map(values, function (v) {
                  return "<li>".concat(v, "</li>");
                }), ""), "\n      </ul>\n      </div>");
              }
@@ -1,6 +1,6 @@
 {
  "name": "flant-statusmap-panel",
-  "version": "0.2.0",
+  "version": "0.3.4",
  "description": "Grafana panel plugin to visualize status of multiple objects over time",
  "main": "README.md",
  "scripts": {
@@ -68,16 +68,16 @@ coreModule.directive('statusHeatmapLegend', function() {
        if (ctrl.bucketMatrix) {
          let rangeFrom = ctrl.bucketMatrix.minValue;
          let rangeTo = ctrl.bucketMatrix.maxValue;
-          let maxValue = panel.color.max || rangeTo;
-          let minValue = panel.color.min || rangeFrom;
+          let maxValue = panel.color.max != null ? panel.color.max : rangeTo;
+          let minValue = panel.color.min != null ? panel.color.min : rangeFrom;

          if (ctrl.bucketMatrix.noDatapoints) {
-            if (!panel.color.max) {
+            if (panel.color.max != null) {
              rangeTo = maxValue = 100;
            } else {
              rangeTo = 100;
            }
-            if (!panel.color.min) {
+            if (panel.color.min != null) {
              rangeFrom = minValue = 0;
            } else {
              rangeFrom = 0;
@@ -63,7 +63,7 @@ loadPluginCss({
  light: 'plugins/flant-statusmap-panel/css/statusmap.light.css'
 });

-export var renderComplete:any = {name:'statusmap-render-complete'}; // eventFactory('statusmap-render-complete');
+export var renderComplete:any = {name:'statusmap-render-complete'};

 class StatusHeatmapCtrl extends MetricsPanelCtrl {
  static templateUrl = 'module.html';
@@ -150,7 +150,12 @@ class StatusHeatmapCtrl extends MetricsPanelCtrl {
    if(!Polygrafill.hasAppEventCompatibleEmitter(this.events)){
      CoreEvents.fallbackToStringEvents();
      PanelEvents.fallbackToStringEvents();
-      renderComplete = renderComplete.name;
+      renderComplete = 'statusmap-render-complete';
+    }
+
+    // Grafana 7.2 workaround
+    if (typeof kbn["intervalToMs"] === "function") {
+      kbn.interval_to_ms = kbn.intervalToMs;
    }

    migratePanelConfig(this.panel);
@@ -24,11 +24,12 @@
      {"name": "Color mapping", "path": "img/color-mapping.png"},
      {"name": "Queries example", "path": "img/queries-example.png"}
    ],
-    "version": "0.3.1",
-    "updated": "2020-07-21"
+    "version": "0.3.4",
+    "updated": "2020-09-12"
  },

  "dependencies": {
+    "grafanaDependency": ">=5.4.3",
    "grafanaVersion": "5.4.x",
    "plugins": [ ]
  }
@@ -364,8 +364,8 @@ export class StatusmapRenderer {
  }

  addStatusmap():void {
-    let maxValue = this.panel.color.max || this.bucketMatrix.maxValue;
-    let minValue = this.panel.color.min || this.bucketMatrix.minValue;
+    let maxValue = this.panel.color.max != null ? this.panel.color.max : this.bucketMatrix.maxValue;
+    let minValue = this.panel.color.min != null ? this.panel.color.min : this.bucketMatrix.minValue;

    if (this.panel.color.mode !== 'discrete') {
      this.colorScale = this.getColorScale(maxValue, minValue);
@@ -154,12 +154,12 @@ export class StatusmapTooltip {
    } else {
      if (values.length === 1) {
        tooltipHtml += `<div> 
-      name: <b>${name}</b> <br>
+      name: <b>${yLabel}</b> <br>
      value: <b>${value}</b> <br>
      </div>`;
      } else {
        tooltipHtml += `<div>
-      name: <b>${name}</b> <br>
+      name: <b>${yLabel}</b> <br>
      values:
      <ul>
        ${_.join(_.map(values, v => `<li>${v}</li>`), "")}
Author	SHA1	Message	Date
Ivan MikheykinandGitHub	021633670a	Merge pull request #141 from flant/release_0_3_4 release: 0.3.4	2020-10-12 11:20:46 +03:00
Ivan Mikheykin	b6213efff2	release: 0.3.4	2020-10-12 11:18:44 +03:00
Ivan MikheykinandGitHub	0f64d36b42	Merge pull request #140 from flant/fix_grafana_7_2 fix: Grafana 7.2 compatibility	2020-10-12 10:56:46 +03:00
Ivan Mikheykin	b7c525252e	fix: Grafana 7.2 compatibility - See #135	2020-10-12 10:53:14 +03:00
Ivan MikheykinandGitHub	c20eb9e1d3	Merge pull request #139 from flant/fix_legend_scale fix: add condition for noDatapoints state	2020-10-10 13:31:25 +03:00
Ivan Mikheykin	7cc09175f0	fix: add condition for noDatapoints state - see #134	2020-10-10 13:30:27 +03:00
Ivan MikheykinandGitHub	3b0d119113	Merge pull request #138 from flant/fix_tooltip_name fix: 'name' in tooltip for opacity and gradient modes	2020-10-10 13:11:33 +03:00
Yamac KandGitHub	ce18758cd1	Restrict color scaling to min-max values in spectrum mode (#134 ) * Restrict min-max values in spectrum mode	2020-10-10 13:11:11 +03:00
Ivan Mikheykin	1793f12a1f	fix: 'name' in tooltip for opacity and gradient modes	2020-10-10 12:56:42 +03:00
Ivan MikheykinandGitHub	012bcac0ef	Merge pull request #130 from flant/fix_null_object fix: proper fallback to string event for renderComplete	2020-08-28 17:59:44 +03:00
Ivan Mikheykin	f037ad082e	fix: proper fallback to string event for renderComplete	2020-08-28 17:58:43 +03:00
Ivan MikheykinandGitHub	9a2e4a394e	Merge pull request #122 from flant/fix_0_3_2 fix: plugin.json fields and relative links in README.md	2020-08-13 14:35:30 +03:00
Ivan Mikheykin	4bd3ecbcf2	fix: plugin.json fields and relative links in README.md	2020-08-13 14:23:25 +03:00