`), \"\\n\");\n\n }\n\n // Ambiguous state: there multiple values in bucket!\n // TODO rename useMax to expectMultipleValues\n if (!this.panel.useMax && bucket.multipleValues) {\n tooltipHtml += `
Error: ${this.panelCtrl.dataWarnings.multipleValues.title}
`;\n }\n\n // Discrete mode errors\n if (this.panel.color.mode === 'discrete') {\n if (bucket.noColorDefined) {\n let badValues = this.panelCtrl.discreteExtraSeries.getNotColoredValues(values);\n tooltipHtml += `
Error: ${this.panelCtrl.dataWarnings.noColorDefined.title}\n
not colored values:\n
\n ${_.join(_.map(badValues, v => `- ${v}
`), \"\")}\n
\n
`;\n }\n }\n\n tooltip.html(tooltipHtml);\n\n // Assign mouse event handlers for \"frozen\" tooltip.\n if (frozen) {\n // Stop propagation mouse events up to parents to allow interaction with frozen tooltip’s elements.\n tooltip\n .on(\"click\", function(){d3.event.stopPropagation(); })\n .on(\"mousedown\", function(){d3.event.stopPropagation(); })\n .on(\"mouseup\", function(){d3.event.stopPropagation(); });\n\n // Activate close button\n tooltip.select(\"a.tooltip-close\")\n .on(\"click\", this.removeFrozen.bind(this));\n }\n }\n\n // Move tooltip as absolute positioned element.\n move(pos, tooltip) {\n if (!tooltip) { return; }\n\n let elem = $(tooltip.node())[0];\n let tooltipWidth = elem.clientWidth;\n this.tooltipWidth = tooltipWidth;\n let tooltipHeight = elem.clientHeight;\n\n let left = pos.pageX + TOOLTIP_PADDING_X;\n let top = pos.pageY + TOOLTIP_PADDING_Y;\n\n if (pos.pageX + tooltipWidth + 40 > window.innerWidth) {\n left = pos.pageX - tooltipWidth - TOOLTIP_PADDING_X;\n }\n\n if (pos.pageY - window.pageYOffset + tooltipHeight + 20 > window.innerHeight) {\n top = pos.pageY - tooltipHeight - TOOLTIP_PADDING_Y;\n }\n\n return tooltip\n .style(\"left\", left + \"px\")\n .style(\"top\", top + \"px\");\n }\n\n // Move tooltip relative to svg element of panel.\n moveRelative(pos, tooltip) {\n if (!tooltip) { return; }\n\n let panelX = pos.pageX - this.panelElem.offset().left;\n let panelY = pos.pageY - this.panelElem.offset().top;\n let panelWidth = this.panelElem.width();\n let panelHeight = this.panelElem.height();\n\n // 'position: relative' sets tooltip’s width to 100% of panel element.\n // Restore width from floating tooltip and add more space for 'Close' button.\n let tooltipWidth = this.tooltipWidth + 25;\n\n // Left property is clamped so tooltip stays inside panel bound box.\n let tooltipLeft = panelX + TOOLTIP_PADDING_X;\n if (tooltipLeft + tooltipWidth > panelWidth) {\n tooltipLeft = panelWidth - tooltipWidth;\n }\n if (tooltipLeft < 0 ) {\n tooltipLeft = 0;\n }\n\n // Frozen tooltip’s root element is appended next to panel’s svg element,\n // so top property is adjusted to move tooltip’s root element\n // up to the mouse pointer position.\n let tooltipTop = -(panelHeight - panelY + TOOLTIP_PADDING_Y);\n\n return tooltip\n .style(\"left\", tooltipLeft + \"px\")\n .style(\"top\", tooltipTop + \"px\")\n .style(\"width\", tooltipWidth + \"px\");\n }\n\n\n}\n"],"file":"tooltip.js"}
\ No newline at end of file
+{"version":3,"sources":["../src/tooltip.ts"],"names":["d3","$","_","TOOLTIP_PADDING_X","TOOLTIP_PADDING_Y","DefaultValueDateFormat","StatusmapTooltip","elem","scope","dashboard","ctrl","panelCtrl","panel","panelElem","mouseOverBucket","originalFillColor","on","onMouseOver","bind","onMouseLeave","e","tooltip","show","data","isEmpty","add","move","destroy","select","append","attr","remove","tooltipFrozen","pos","removeFrozen","displayTooltip","moveRelative","panelRelY","frozen","cardEl","target","yid","xid","bucket","bucketMatrix","get","timestamp","to","yLabel","pLabels","value","values","tooltipTimeFormat","time","formatDate","tooltipClose","tooltipHtml","color","mode","statuses","seriesFilterIndex","discreteExtraSeries","convertValueToTooltips","convertValuesToTooltips","statusTitle","length","join","map","v","showItems","items","JSON","parse","stringify","scopedVars","valueVar","i","trim","retrieveTimeVar","item","urlTemplate","link","dateFormat","valueDateFormat","valueDateVar","templateSrv","replace","urlToLowerCase","toLowerCase","label","urlText","truncate","showCustomContent","customContent","urlIcon","useMax","multipleValues","dataWarnings","title","noColorDefined","badValues","getNotColoredValues","html","event","stopPropagation","node","tooltipWidth","clientWidth","tooltipHeight","clientHeight","left","pageX","top","pageY","window","innerWidth","pageYOffset","innerHeight","style","panelX","offset","panelY","panelWidth","width","panelHeight","height","tooltipLeft","tooltipTop"],"mappings":"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","sourcesContent":["import d3 from 'd3';\nimport $ from 'jquery';\nimport _ from 'lodash';\n\nimport { StatusHeatmapCtrl } from './module';\n\nlet TOOLTIP_PADDING_X = 30;\nlet TOOLTIP_PADDING_Y = 5;\n\n// TODO rename file to tooltip_ctrl.ts\n// TODO move DefaultValueDateFormat into tooltip.ts, as it used in several places (migration, partial and tooltip render)\nlet DefaultValueDateFormat = 'YYYY/MM/DD/HH_mm_ss';\n\nexport class StatusmapTooltip {\n tooltip: any;\n scope: any;\n dashboard: any;\n panelCtrl: StatusHeatmapCtrl;\n panel: any;\n panelElem: any;\n mouseOverBucket: any;\n originalFillColor: any;\n\n tooltipWidth: number;\n tooltipFrozen: any;\n\n constructor(elem: any, scope: any) {\n this.scope = scope;\n this.dashboard = scope.ctrl.dashboard;\n this.panelCtrl = scope.ctrl;\n this.panel = scope.ctrl.panel;\n this.panelElem = elem;\n this.mouseOverBucket = false;\n this.originalFillColor = null;\n\n elem.on(\"mouseover\", this.onMouseOver.bind(this));\n elem.on(\"mouseleave\", this.onMouseLeave.bind(this));\n }\n\n onMouseOver(e) {\n if (!this.panel.tooltip.show || !this.scope.ctrl.data || _.isEmpty(this.scope.ctrl.data)) { return; }\n\n if (!this.tooltip) {\n this.add();\n this.move(e, this.tooltip);\n }\n }\n\n onMouseLeave() {\n this.destroy();\n }\n\n onMouseMove(e) {\n if (!this.panel.tooltip.show) { return; }\n\n this.move(e, this.tooltip);\n }\n\n add() {\n this.tooltip = d3.select(\"body\")\n .append(\"div\")\n .attr(\"class\", \"graph-tooltip statusmap-tooltip\");\n }\n\n destroy() {\n if (this.tooltip) {\n this.tooltip.remove();\n }\n\n this.tooltip = null;\n }\n\n removeFrozen() {\n if (this.tooltipFrozen) {\n this.tooltipFrozen.remove();\n this.tooltipFrozen = null\n }\n }\n\n showFrozen(pos: any) {\n this.removeFrozen();\n this.tooltipFrozen = d3.select(this.panelElem[0])\n .append(\"div\")\n .attr(\"class\", \"graph-tooltip statusmap-tooltip statusmap-tooltip-frozen\");\n this.displayTooltip(pos, this.tooltipFrozen, true);\n this.moveRelative(pos, this.tooltipFrozen);\n }\n\n show(pos: any) {\n if (!this.panel.tooltip.show || !this.tooltip) { return; }\n\n // TODO support for shared tooltip mode\n if (pos.panelRelY) {\n return;\n }\n\n this.displayTooltip(pos, this.tooltip, false);\n\n this.move(pos, this.tooltip);\n }\n\n // Retrieve bucket and create html content inside tooltip’s div element.\n displayTooltip(pos: any, tooltip: any, frozen: boolean) {\n let cardEl = d3.select(pos.target);\n let yid = cardEl.attr('yid');\n let xid = cardEl.attr('xid');\n let bucket = this.panelCtrl.bucketMatrix.get(yid, xid); // TODO string-to-number conversion for xid\n if (!bucket || bucket.isEmpty()) {\n this.destroy();\n return;\n }\n\n let timestamp = bucket.to;\n let yLabel = bucket.yLabel;\n let pLabels = bucket.pLabels;\n let value = bucket.value;\n let values = bucket.values;\n // TODO create option for this formatting.\n let tooltipTimeFormat:string = 'YYYY-MM-DD HH:mm:ss';\n let time: Date = this.dashboard.formatDate(+timestamp, tooltipTimeFormat);\n\n // Close button for the frozen tooltip.\n let tooltipClose:string = ``;\n if (frozen) {\n tooltipClose = `\n
\n \n\n`;\n }\n\n let tooltipHtml:string = `
${time}${tooltipClose}
`;\n\n if (this.panel.color.mode === 'discrete') {\n let statuses;\n if (this.panel.seriesFilterIndex >= 0) {\n statuses = this.panelCtrl.discreteExtraSeries.convertValueToTooltips(value);\n } else {\n statuses = this.panelCtrl.discreteExtraSeries.convertValuesToTooltips(values);\n }\n \n let statusTitle:string = \"status:\";\n if (statuses.length > 1) {\n statusTitle = \"statuses:\";\n }\n tooltipHtml += `\n
\n name:
${yLabel}\n
\n
${statusTitle}\n
\n ${_.join(_.map(statuses, v => `- ${v.tooltip}
`), \"\")}\n
\n
`;\n } else {\n if (values.length === 1) {\n tooltipHtml += `
\n name: ${yLabel}
\n value: ${value}
\n
`;\n } else {\n tooltipHtml += `
\n name:
${yLabel} \n values:\n
\n ${_.join(_.map(values, v => `- ${v}
`), \"\")}\n
\n
`;\n }\n }\n\n tooltipHtml += `
`;\n\n if (this.panel.tooltip.showItems) {\n // Additional information: urls, etc.\n // Clone additional items\n let items: any = JSON.parse(JSON.stringify(this.panel.tooltip.items));\n\n let scopedVars = {};\n\n let valueVar;\n for (let i = 0; i < bucket.values.length; i++) {\n valueVar = `__value_${i}`;\n scopedVars[valueVar] = {value: bucket.values[i] };\n }\n scopedVars[`__value`] = {value: bucket.value};\n scopedVars[`__y_label`] = {value: yLabel};\n scopedVars[`__y_label_trim`] = {value: yLabel.trim()};\n // Grafana 7.0 compatible\n scopedVars[`__url_time_range`] = {value: this.panelCtrl.retrieveTimeVar()};\n\n //New vars based on partialLabels:\n for (let i in pLabels) {\n scopedVars[`__y_label_${i}`] = {value: pLabels[i]};\n }\n\n for (let item of items) {\n if (_.isEmpty(item.urlTemplate)) {\n item.link = \"#\";\n } else {\n let dateFormat = item.valueDateFormat;\n if (dateFormat == '') {\n dateFormat = DefaultValueDateFormat;\n }\n let valueDateVar;\n for (let i = 0; i < bucket.values.length; i++) {\n valueDateVar = `__value_${i}_date`;\n scopedVars[valueDateVar] = {value: this.dashboard.formatDate(+bucket.values[i], dateFormat)};\n }\n scopedVars[`__value_date`] = {value: this.dashboard.formatDate(+bucket.value, dateFormat)};\n\n item.link = this.panelCtrl.templateSrv.replace(item.urlTemplate, scopedVars)\n\n // Force lowercase for link\n if (item.urlToLowerCase) {\n item.link = item.link.toLowerCase();\n }\n }\n\n item.label = item.urlText;\n if (_.isEmpty(item.label)) {\n item.label = _.isEmpty(item.urlTemplate) ? \"Empty URL\" : _.truncate(item.link);\n }\n }\n\n if (this.panel.tooltip.showCustomContent) {\n let customContent: string = this.panelCtrl.templateSrv.replace(this.panel.tooltip.customContent, scopedVars)\n tooltipHtml += `
${customContent}
`\n }\n\n tooltipHtml += _.join(_.map(items, v => `\n
\n
\n `), \"\\n\");\n\n }\n\n // Ambiguous state: there multiple values in bucket!\n // TODO rename useMax to expectMultipleValues\n if (!this.panel.useMax && bucket.multipleValues) {\n tooltipHtml += `
Error: ${this.panelCtrl.dataWarnings.multipleValues.title}
`;\n }\n\n // Discrete mode errors\n if (this.panel.color.mode === 'discrete') {\n if (bucket.noColorDefined) {\n let badValues = this.panelCtrl.discreteExtraSeries.getNotColoredValues(values);\n tooltipHtml += `
Error: ${this.panelCtrl.dataWarnings.noColorDefined.title}\n
not colored values:\n
\n ${_.join(_.map(badValues, v => `- ${v}
`), \"\")}\n
\n
`;\n }\n }\n\n tooltip.html(tooltipHtml);\n\n // Assign mouse event handlers for \"frozen\" tooltip.\n if (frozen) {\n // Stop propagation mouse events up to parents to allow interaction with frozen tooltip’s elements.\n tooltip\n .on(\"click\", function(){d3.event.stopPropagation(); })\n .on(\"mousedown\", function(){d3.event.stopPropagation(); })\n .on(\"mouseup\", function(){d3.event.stopPropagation(); });\n\n // Activate close button\n tooltip.select(\"a.tooltip-close\")\n .on(\"click\", this.removeFrozen.bind(this));\n }\n }\n\n // Move tooltip as absolute positioned element.\n move(pos, tooltip) {\n if (!tooltip) { return; }\n\n let elem = $(tooltip.node())[0];\n let tooltipWidth = elem.clientWidth;\n this.tooltipWidth = tooltipWidth;\n let tooltipHeight = elem.clientHeight;\n\n let left = pos.pageX + TOOLTIP_PADDING_X;\n let top = pos.pageY + TOOLTIP_PADDING_Y;\n\n if (pos.pageX + tooltipWidth + 40 > window.innerWidth) {\n left = pos.pageX - tooltipWidth - TOOLTIP_PADDING_X;\n }\n\n if (pos.pageY - window.pageYOffset + tooltipHeight + 20 > window.innerHeight) {\n top = pos.pageY - tooltipHeight - TOOLTIP_PADDING_Y;\n }\n\n return tooltip\n .style(\"left\", left + \"px\")\n .style(\"top\", top + \"px\");\n }\n\n // Move tooltip relative to svg element of panel.\n moveRelative(pos, tooltip) {\n if (!tooltip) { return; }\n\n let panelX = pos.pageX - this.panelElem.offset().left;\n let panelY = pos.pageY - this.panelElem.offset().top;\n let panelWidth = this.panelElem.width();\n let panelHeight = this.panelElem.height();\n\n // 'position: relative' sets tooltip’s width to 100% of panel element.\n // Restore width from floating tooltip and add more space for 'Close' button.\n let tooltipWidth = this.tooltipWidth + 25;\n\n // Left property is clamped so tooltip stays inside panel bound box.\n let tooltipLeft = panelX + TOOLTIP_PADDING_X;\n if (tooltipLeft + tooltipWidth > panelWidth) {\n tooltipLeft = panelWidth - tooltipWidth;\n }\n if (tooltipLeft < 0 ) {\n tooltipLeft = 0;\n }\n\n // Frozen tooltip’s root element is appended next to panel’s svg element,\n // so top property is adjusted to move tooltip’s root element\n // up to the mouse pointer position.\n let tooltipTop = -(panelHeight - panelY + TOOLTIP_PADDING_Y);\n\n return tooltip\n .style(\"left\", tooltipLeft + \"px\")\n .style(\"top\", tooltipTop + \"px\")\n .style(\"width\", tooltipWidth + \"px\");\n }\n\n\n}\n"],"file":"tooltip.js"}
\ No newline at end of file
diff --git a/src/module.ts b/src/module.ts
index 7731add..819592c 100644
--- a/src/module.ts
+++ b/src/module.ts
@@ -125,11 +125,18 @@ class StatusHeatmapCtrl extends MetricsPanelCtrl {
show: true,
freezeOnClick: true,
showItems: false,
- items: [] // see tooltip_editor.ts
+ items: [], // see tooltip_editor.ts
+ showExtraInfo: false,
+ extraInfo: "",
},
legend: {
show: true
},
+ yLabel: {
+ usingSplitLabel: false,
+ delimiter: "",
+ labelTemplate: "",
+ },
// how null points should be handled
nullPointMode: 'as empty',
yAxisSort: 'metrics',
@@ -526,6 +533,7 @@ class StatusHeatmapCtrl extends MetricsPanelCtrl {
}
let targetIndex: {[target: string]: number[]} = {};
+ let targetPartials: {[target: string]: string[]} = {};
// Group indicies of elements in data by target (y label).
@@ -535,7 +543,29 @@ class StatusHeatmapCtrl extends MetricsPanelCtrl {
//});
data.map((queryResult: any, i: number) => {
+ // Init yLabel as the query target
let yLabel = queryResult.target;
+
+ // Check if there is some labelTemplate configured
+ if (this.panel.yLabel.usingSplitLabel && this.panel.yLabel.delimiter != "" ) {
+ let pLabels = queryResult.target.split(this.panel.yLabel.delimiter);
+
+ // Load all possible values as scoped vars and load them into targetPartials
+ // to be used on different components as Bucket and BucketMatrix props
+ let scopedVars = []
+ scopedVars[`__y_label`] = {value: yLabel}
+ for (let i in pLabels) {
+ scopedVars[`__y_label_${i}`] = {value: pLabels[i]};
+ }
+
+ if (this.panel.yLabel.labelTemplate != "") {
+ yLabel = this.templateSrv.replace(this.panel.yLabel.labelTemplate, scopedVars)
+ }
+
+ targetPartials[yLabel] = pLabels
+ }
+
+ //reset if it already exists
if (!targetIndex.hasOwnProperty(yLabel)) {
targetIndex[yLabel] = [];
}
@@ -618,6 +648,7 @@ class StatusHeatmapCtrl extends MetricsPanelCtrl {
while (bucketFrom >= 0) {
let b = new Bucket();
b.yLabel = target;
+ b.pLabels = targetPartials[target]
b.relTo = lastTs - idx*intervalMs;
b.relFrom = lastTs - ((idx+1) * intervalMs);
b.to = b.relTo+from;
@@ -681,6 +712,7 @@ class StatusHeatmapCtrl extends MetricsPanelCtrl {
//console.log ("bucketMatrix with values: ", bucketMatrix);
bucketMatrix.targets = targetKeys;
+ bucketMatrix.pLabels = targetPartials;
return bucketMatrix;
}
}
diff --git a/src/partials/options_editor.html b/src/partials/options_editor.html
index cd457bc..29cc025 100644
--- a/src/partials/options_editor.html
+++ b/src/partials/options_editor.html
@@ -215,6 +215,60 @@
-
-
@@ -39,6 +75,10 @@
${__y_label} name of the time series (alias or legend in the query editor).
+ ${__y_label_trim} trimmed name of the time series (alias or legend in the query editor).
+
+ ${__y_label_N} partial name of the time series (alias or legend in the query editor), only valid when custom y-label is enabled.
+
${__url_time_range} refers to graph range in the form of 'from=...&to=...'.
${__value} refers to current bucket value or max value if multiple values mode is on.
@@ -117,3 +157,6 @@
+