提问人：Bender Bending 提问时间：11/15/2023 更新时间：11/15/2023 访问量：52
使用 useHTML 的图表标题在首次加载时格式不正确
Chart title with useHTML doesn't format properly on first load
问：
当我创建一个新图表时，我使用一个图像作为标题，如下所示：
title: {
useHTML: true,
text: "<img src='https://abload.de/img/logo0tjrw.png' alt='' />",
align: 'left'
},
当我第一次运行程序时，标题没有正确对齐，除非调整窗口大小，然后标题捕捉到正确的位置。
首次加载：
第二次加载或调整浏览器窗口大小：
下面是一个 jsfiddle 作为示例： https://jsfiddle.net/7e2wbshm/1/
答：
1赞
magdalena
11/15/2023
#1
为了正确定位图像，请确保指定其大小：
title: {
useHTML: true,
text: "<img src='https://abload.de/img/logo0tjrw.png' height='100'/>",
align: 'left',
},
演示：https://jsfiddle.net/BlackLabel/83oedsjg/
作为附加提示：为了在 Retina 显示器上获得最佳显示效果，请考虑将图像分辨率设置为两倍大小，同时将尺寸减半。这种调整确保了最佳的清晰度和锐度。
欲了解更多详情，请查看：https://stackoverflow.blog/2022/12/27/picture-perfect-images-with-the-modern-element/#h3-7f5bfcb8aa9a0
评论
0赞
Bender Bending
11/16/2023
这样更好，但是如果将对齐设置为居中，并在新窗口中打开图表，则图像将呈现到最右侧： jsfiddle.net/u3sm1vro 因此，在重新加载后，图像实际上在图表上垂直和水平居中
1赞
Bender Bending
11/16/2023
如果将高度和宽度设置为图像的实际大小，则图像将正确呈现。感谢您的帮助！
评论