IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

heatmap: minor legend fixes

Browse Source
This commit is contained in:
Alexander Zobnin 2017-08-01 15:25:52 +03:00
parent 91a921e12d
commit f64ebf538c
2 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
public/app/plugins/panel/heatmap/color_legend.ts
View File

@ -52,7 +52,8 @@ module.directive('heatmapLegend', function() {
});
function render() {
if (!_.isEmpty(ctrl.data)) {
clearLegend(elem);
if (!_.isEmpty(ctrl.data) && !_.isEmpty(ctrl.data.cards)) {
let legendElem = $(elem).find('svg');
let legendWidth = Math.floor(legendElem.outerWidth());
@ -131,6 +132,10 @@ function drawOpacityLegend(elem, options, rangeFrom, rangeTo, maxValue, minValue
}
function drawLegendValues(elem, colorScale, rangeFrom, rangeTo, maxValue, minValue, legendWidth) {
if (legendWidth <= 0) {
return;
}
let legendElem = $(elem).find('svg');
let legend = d3.select(legendElem.get(0));
@ -142,11 +147,11 @@ function drawLegendValues(elem, colorScale, rangeFrom, rangeTo, maxValue, minVal
let ticks = buildLegendTicks(0, rangeTo, maxValue, minValue);
let xAxis = d3.axisBottom(legendValueScale)
.tickValues(ticks)
.tickSize(3);
.tickSize(2);
let legendElemHeight = legendElem.height();
let posY = legendElemHeight - 23;
let posX = getSvgElemX(legendElem.find(":first-child"));
let colorRect = legendElem.find(":first-child");
let posY = colorRect.height() + 2;
let posX = getSvgElemX(colorRect);
d3.select(legendElem.get(0)).append("g")
.attr("class", "axis")
.attr("transform", "translate(" + posX + "," + posY + ")")
@ -257,7 +262,7 @@ function getSvgElemX(elem) {
function buildLegendTicks(rangeFrom, rangeTo, maxValue, minValue) {
let range = rangeTo - rangeFrom;
let tickStepSize = tickStep(rangeFrom, rangeTo, 3);
let ticksNum = Math.floor(range / tickStepSize);
let ticksNum = Math.round(range / tickStepSize);
let ticks = [];
for (let i = 0; i < ticksNum; i++) {

2
public/sass/components/_panel_heatmap.scss
View File

@ -62,7 +62,7 @@
svg {
width: 100%;
max-width: 300px;
height: 38px;
height: 33px;
float: left;
white-space: nowrap;
padding-left: 10px;