工具提示中的Highcharts图像
如果为工具提示设置useHTML:true并包含图像,则图像显示良好,但所有序列数据都不在工具提示范围内。 我们做错什么了吗工具提示中的Highcharts图像,highcharts,Highcharts,如果为工具提示设置useHTML:true并包含图像,则图像显示良好,但所有序列数据都不在工具提示范围内。 我们做错什么了吗 tooltip: { useHTML: true, headerFormat: '<img src="/images/sample.jpg" width="150"/><br />► Listing {point.x}<br />',
tooltip: {
useHTML: true,
headerFormat: '<img src="/images/sample.jpg" width="150"/><br />► Listing {point.x}<br />',
pointFormat: '<span style="color:{series.color}">► {series.name} : </span> {point.y:, .0f} <br />',
split: false,
shared: true
},
工具提示:{
是的,
头部表情:'
► 清单{point.x}
,
点格式:'► {series.name}:{point.y:,.0f}
,
split:false,
分享:真的
},
我试图重现您描述的问题,但似乎一切正常
演示:
Highcharts.chart('container'{
工具提示:{
是的,
头部表情:'
► 清单{point.x}
,
点格式:'► {series.name}:{point.y:,.0f}
,
split:false,
分享:真的
},
系列:[{
数据:[4394352503571776965897031119931137133154175]
}]
});
也许其他一些选项会对你的图表产生影响?你能分享一个显示问题的样本吗
根据注释-使用
工具提示。外部应修复所述问题
演示:
API:您好,您自己的示例显示了相同的问题!只要将鼠标悬停在第一点上,您就会看到问题所在。当您离开第一个点时,它将变为ok。
Highcharts.chart('container', {
tooltip: {
useHTML: true,
headerFormat: '<img src="https://img.webmd.com/dtmcms/live/webmd/consumer_assets/site_images/article_thumbnails/other/dog_cool_summer_slideshow/1800x1200_dog_cool_summer_other.jpg" width="150"/><br />► Listing {point.x}<br />',
pointFormat: '<span style="color:{series.color}">► {series.name} : </span> {point.y:, .0f} <br />',
split: false,
shared: true
},
series: [{
data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175]
}]
});