heatmp: removed series stats option, lacked tests

public/app/plugins/panel/heatmap/heatmap_ctrl.ts

@@ -46,7 +46,6 @@ let panelDefaults = {
   yBucketNumber: null,
   yBucketNumber: null,
   tooltip: {
   tooltip: {
     show: true,
     show: true,
-    seriesStat: false,
     showHistogram: false
     showHistogram: false
   },
   },
   highlightCards: true
   highlightCards: true

public/app/plugins/panel/heatmap/heatmap_data_converter.ts

@@ -60,7 +60,6 @@ function convertToCards(buckets) {
         yBounds: yBucket.bounds,
         yBounds: yBucket.bounds,
         values: yBucket.values,
         values: yBucket.values,
         count: yBucket.count,
         count: yBucket.count,
-        seriesStat: getSeriesStat(yBucket.points)
       };
       };
       cards.push(card);
       cards.push(card);
     });
     });
@@ -146,15 +145,6 @@ function removeZeroBuckets(buckets) {
 }
 }
 
 
 /**
 /**
- * Count values number for each timeseries in given bucket
- * @param  {Array}  points Bucket's datapoints with series name ([val, ts, series_name])
- * @return {Object}        seriesStat: {seriesName_1: val_1, seriesName_2: val_2}
- */
-function getSeriesStat(points) {
-  return _.countBy(points, p => p[2]);
-}
-
-/**
    * Convert set of time series into heatmap buckets
    * Convert set of time series into heatmap buckets
    * @return {Object}    Heatmap object:
    * @return {Object}    Heatmap object:
  * {
  * {

public/app/plugins/panel/heatmap/heatmap_tooltip.ts

@@ -87,17 +87,18 @@ export class HeatmapTooltip {
     let tooltipHtml = `<div class="graph-tooltip-time">${time}</div>
     let tooltipHtml = `<div class="graph-tooltip-time">${time}</div>
       <div class="heatmap-histogram"></div>`;
       <div class="heatmap-histogram"></div>`;
 
 
-    if (yData && yData.bounds) {
-      boundBottom = valueFormatter(yData.bounds.bottom);
-      boundTop = valueFormatter(yData.bounds.top);
-      valuesNumber = yData.count;
-      tooltipHtml += `<div>
-        bucket: <b>${boundBottom} - ${boundTop}</b> <br>
-        count: <b>${valuesNumber}</b> <br>
-      </div>`;
-
-      if (this.panel.tooltip.seriesStat && yData.seriesStat) {
-        tooltipHtml = this.addSeriesStat(tooltipHtml, yData.seriesStat);
+    if (yData) {
+      if (yData.bounds) {
+        boundBottom = valueFormatter(yData.bounds.bottom);
+        boundTop = valueFormatter(yData.bounds.top);
+        valuesNumber = yData.count;
+        tooltipHtml += `<div>
+          bucket: <b>${boundBottom} - ${boundTop}</b> <br>
+          count: <b>${valuesNumber}</b> <br>
+        </div>`;
+      } else {
+        // currently no bounds for pre bucketed data
+        tooltipHtml += `<div>count: <b>${yData.count}</b><br></div>`;
       }
       }
     } else {
     } else {
       if (!this.panel.tooltip.showHistogram) {
       if (!this.panel.tooltip.showHistogram) {
@@ -159,15 +160,6 @@ export class HeatmapTooltip {
     return pos;
     return pos;
   }
   }
 
 
-  addSeriesStat(tooltipHtml, seriesStat) {
-    tooltipHtml += "series: <br>";
-    _.forEach(seriesStat, (values, series) => {
-      tooltipHtml += `&nbsp;&nbsp;-&nbsp;&nbsp;${series}: <b>${values}</b><br>`;
-    });
-
-    return tooltipHtml;
-  }
-
   addHistogram(data) {
   addHistogram(data) {
     let xBucket = this.scope.ctrl.data.buckets[data.x];
     let xBucket = this.scope.ctrl.data.buckets[data.x];
     let yBucketSize = this.scope.ctrl.data.yBucketSize;
     let yBucketSize = this.scope.ctrl.data.yBucketSize;
@@ -181,8 +173,8 @@ export class HeatmapTooltip {
 
 
     let scale = this.scope.yScale.copy();
     let scale = this.scope.yScale.copy();
     let histXScale = scale
     let histXScale = scale
-      .domain([min, max])
-      .range([0, HISTOGRAM_WIDTH]);
+    .domain([min, max])
+    .range([0, HISTOGRAM_WIDTH]);
 
 
     let barWidth;
     let barWidth;
     if (this.panel.yAxis.logBase === 1) {
     if (this.panel.yAxis.logBase === 1) {
@@ -193,21 +185,21 @@ export class HeatmapTooltip {
     barWidth = Math.max(barWidth, 1);
     barWidth = Math.max(barWidth, 1);
 
 
     let histYScale = d3.scaleLinear()
     let histYScale = d3.scaleLinear()
-      .domain([0, _.max(_.map(histogramData, d => d[1]))])
-      .range([0, HISTOGRAM_HEIGHT]);
+    .domain([0, _.max(_.map(histogramData, d => d[1]))])
+    .range([0, HISTOGRAM_HEIGHT]);
 
 
     let histogram = this.tooltip.select(".heatmap-histogram")
     let histogram = this.tooltip.select(".heatmap-histogram")
-      .append("svg")
-      .attr("width", HISTOGRAM_WIDTH)
-      .attr("height", HISTOGRAM_HEIGHT);
+    .append("svg")
+    .attr("width", HISTOGRAM_WIDTH)
+    .attr("height", HISTOGRAM_HEIGHT);
 
 
     histogram.selectAll(".bar").data(histogramData)
     histogram.selectAll(".bar").data(histogramData)
-      .enter().append("rect")
-      .attr("x", d => {
-        return histXScale(d[0]);
-      })
-      .attr("width", barWidth)
-      .attr("y", d => {
+    .enter().append("rect")
+    .attr("x", d => {
+      return histXScale(d[0]);
+    })
+    .attr("width", barWidth)
+    .attr("y", d => {
         return HISTOGRAM_HEIGHT - histYScale(d[1]);
         return HISTOGRAM_HEIGHT - histYScale(d[1]);
       })
       })
       .attr("height", d => {
       .attr("height", d => {

public/app/plugins/panel/heatmap/partials/display_editor.html

@@ -63,10 +63,6 @@
     </gf-form-switch>
     </gf-form-switch>
     <div ng-if="ctrl.panel.tooltip.show">
     <div ng-if="ctrl.panel.tooltip.show">
       <gf-form-switch class="gf-form" label-class="width-8"
       <gf-form-switch class="gf-form" label-class="width-8"
-        label="Series stats"
-        checked="ctrl.panel.tooltip.seriesStat" on-change="ctrl.render()">
-      </gf-form-switch>
-      <gf-form-switch class="gf-form" label-class="width-8"
         label="Histogram"
         label="Histogram"
         checked="ctrl.panel.tooltip.showHistogram" on-change="ctrl.render()">
         checked="ctrl.panel.tooltip.showHistogram" on-change="ctrl.render()">
       </gf-form-switch>
       </gf-form-switch>