highcharts 首次加载时,带有useHTML的图表标题格式不正确

wyyhbhjk  于 2023-11-19  发布在  Highcharts
关注(0)|答案(1)|浏览(112)

当我创建一个新的图表时,我使用这样的标题图像:

title: {
    useHTML: true,
    text: "<img src='https://abload.de/img/logo0tjrw.png' alt='' />",
    align: 'left'
    },

字符串
当我第一次运行程序时,标题没有正确对齐,除非调整窗口大小,然后标题捕捉到正确的位置。
第一次加载:

第二次加载或浏览器窗口调整大小:

下面是一个jsfiddle示例:https://jsfiddle.net/7e2wbshm/1/

5kgi1eie

5kgi1eie1#

为了正确定位图像,请确保指定其大小:

title: {
    useHTML: true,
    text: "<img src='https://abload.de/img/logo0tjrw.png' height='100'/>",
    align: 'left',
  },

字符串

Demo:https://jsfiddle.net/BlackLabel/83oedsjg/

作为附加提示:为了在Retina显示器上获得最佳显示效果,请考虑将图像分辨率设置为两倍大小,同时将尺寸减半。此调整可确保最佳清晰度和锐度。
欲了解更多详情,请访问:https://stackoverflow.blog/2022/12/27/picture-perfect-images-with-the-modern-element/#h3-7f5bfcb8aa9a0

相关问题