jsteele/grafana-statusmap
2
0
Fork 0
mirror of https://github.com/timberjoegithub/grafana-statusmap.git synced 2026-07-23 16:13:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix bucket color, tooltip status shadow, undefined color error.

Browse Source
This commit is contained in:
Ivan Mikheykin
2018-09-06 13:58:22 +03:00
parent a48bbf1945
commit 4a81b3a7bb
4 changed files with 67 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/tooltip.js
+11 -12
View File
@@ -85,18 +85,17 @@ export class StatusHeatmapTooltip {
let statuses = this.panelCtrl.discreteHelper.convertValuesToTooltips(values);
let statusesHtml = '';
if (statuses.length === 1) {
statusesHtml = `
status: <b style="background-color: ${statuses[0].color}; padding: 1px;">${statuses[0].tooltip}</b>`;
statusesHtml = "status:";
} else if (statuses.length > 1) {
statusesHtml = `
statuses:
<ul>
${_.join(_.map(statuses, v => `<li style="background-color: ${v.color}; padding: 1px; text-shadow: 0 0 0.2em #FFF, 0 0 0.2em #FFF, 0 0 0.2em #FFF">${v.tooltip}</li>`), "")}
</ul>`;
statusesHtml = "statuses:";
}
tooltipHtml += `<div>
name: <b>${y}</b> <br>
${statusesHtml}
tooltipHtml += `
<div>
name: <b>${y}</b> <br>
${statusesHtml}
<ul>
${_.join(_.map(statuses, v => `<li style="background-color: ${v.color}; padding: 1px; font-weight: bold; text-shadow: 0 0 0.2em #FFF, 0 0 0.2em #FFF, 0 0 0.2em #FFF">${v.tooltip}</li>`), "")}
</ul>
</div>`;
} else {
if (values.length === 1) {
@@ -123,9 +122,9 @@ export class StatusHeatmapTooltip {
// Discrete mode errors
if (this.panel.color.mode === 'discrete') {
if (card.noColorDefined) {
let badValues = this.panelCtrl.discreteHelper.getNotMatchedValues(values);
let badValues = this.panelCtrl.discreteHelper.getNotColoredValues(values);
tooltipHtml += `<div><b>Error:</b> ${this.panelCtrl.dataWarnings.noColorDefined.title}
<br>bad values:
<br>not colored values:
<ul>
${_.join(_.map(badValues, v => `<li>${v}</li>`), "")}
</ul>