jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-24 09:46:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix label truncated timeline chart (#24077)

Browse Source
This commit is contained in:
Bram Kragten 2025-02-05 12:47:39 +01:00
parent 4a94cfc05b
commit 6efe237639
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/chart/state-history-chart-timeline.ts
View File

@ -214,7 +214,7 @@ export class StateHistoryChartTimeline extends LitElement {
},
axisLabel: {
show: showNames,
width: labelWidth - labelMargin,
width: labelWidth,
overflow: "truncate",
margin: labelMargin,
formatter: (id: string) => {

5
src/util/text.ts
View File

@ -21,5 +21,8 @@ export function measureTextWidth(
}
context.font = `${fontSize}px ${fontFamily}`;
return Math.ceil(context.measureText(text).width);
const textMetrics = context.measureText(text);
return Math.ceil(
textMetrics.actualBoundingBoxRight + textMetrics.actualBoundingBoxLeft
);
}