github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-23 17:28:26 -04:00
Code Issues Projects Releases Packages Wiki Activity

fixing metric chart alignment size for 5.5-6.0 (#15141)

Browse source
This commit is contained in:
Peter Pisljar 2017-11-29 16:13:48 +01:00 • committed by GitHub
parent f781d8c2e8
commit 3d9852edbf
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/ui/public/vislib/visualizations/gauge_chart.js
View file

@ -49,24 +49,26 @@ export function GaugeChartProvider(Private) {
.style('overflow', 'hidden')
.attr('width', width);
if (self.gaugeConfig.type === 'simple') {
svg.attr('height', height);
}
const g = svg.append('g');
const gauges = self.gauge.drawGauge(g, series, width, height);
if (self.gaugeConfig.type === 'simple') {
const bbox = svg.node().firstChild.getBBox();
const finalWidth = bbox.width + containerMargin * 2;
const finalHeight = bbox.height + containerMargin * 2;
svg
.attr('width', () => {
return finalWidth;
return bbox.width;
})
.attr('height', () => {
return finalHeight;
return bbox.height;
});
const transformX = finalWidth / 2;
const transformY = finalHeight / 2;
const transformX = bbox.width / 2;
const transformY = bbox.height / 2;
g.attr('transform', `translate(${transformX}, ${transformY})`);
} else {
svg.attr('height', height);
@ -78,10 +80,12 @@ export function GaugeChartProvider(Private) {
self.addEvents(gauges);
});
div.append('div')
.attr('class', 'chart-title')
.style('text-align', 'center')
.text(data.label || data.yAxisLabel);
if (self.gaugeConfig.type !== 'simple') {
div.append('div')
.attr('class', 'chart-title')
.style('text-align', 'center')
.text(data.label || data.yAxisLabel);
}
self.events.emit('rendered', {
chart: data