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

Statetimeline/TimeSeries/BarChart: Limit y label width to 40% of visualiation width (#42350) (#42368)

Browse Source 
(cherry picked from commit 820aa3ac59)

Co-authored-by: Torkel Ödegaard <torkel@grafana.org>
This commit is contained in:
Grot (@grafanabot) 2021-11-26 08:32:49 -05:00 committed by GitHub
parent b5960313fb
commit ce0771efea
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
packages/grafana-ui/src/components/uPlot/config/UPlotAxisBuilder.ts
View File

@ -75,7 +75,10 @@ export class UPlotAxisBuilder extends PlotConfigBuilder<AxisProps, Axis> {
(acc, value) => Math.max(acc, measureText(value, UPLOT_AXIS_FONT_SIZE).width), (acc, value) => Math.max(acc, measureText(value, UPLOT_AXIS_FONT_SIZE).width),
0 0
); );
axisSize += axis!.gap! + axis!.labelGap! + maxTextWidth; // limit y tick label width to 40% of visualization
const textWidthWithLimit = Math.min(self.width * 0.4, maxTextWidth);
// Not sure why this += and not normal assignment
axisSize += axis!.gap! + axis!.labelGap! + textWidthWithLimit;
} }
return Math.ceil(axisSize); return Math.ceil(axisSize);