jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-25 18:26:35 +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: { axisLabel: {
show: showNames, show: showNames,
width: labelWidth - labelMargin, width: labelWidth,
overflow: "truncate", overflow: "truncate",
margin: labelMargin, margin: labelMargin,
formatter: (id: string) => { formatter: (id: string) => {

5
src/util/text.ts
View File

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