Highcharts y轴绘制线标签隐藏工具提示
检查小提琴--这只是为了测试 我在y轴上有一个目标标签,当鼠标悬停在该标签上时,它会隐藏该系列的工具提示 任何解决办法Highcharts y轴绘制线标签隐藏工具提示,highcharts,Highcharts,检查小提琴--这只是为了测试 我在y轴上有一个目标标签,当鼠标悬停在该标签上时,它会隐藏该系列的工具提示 任何解决办法 $(function () { $(document).ready(function() { var chart = new Highcharts.Chart({ chart: { renderTo: 'container', type: 'line' }, title: {
$(function () {
$(document).ready(function() {
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'line'
},
title: {
text: 'Dummy Data by Region'
},
xAxis: {
categories: ['Africa', 'America', 'Asia']
},
yAxis: {
plotLines:[{
value:75,
color: '#ff0000',
width:2,
zIndex:4,
label:{text:'goal'},
dashStyle: 'line',
label: {
useHTML: true,
text: '<div class="targetLabel"><span>Target</span><br/><span style="font-weight: bold; padding-top: 5px;">' + '75' + '</span></div>',
align: 'center',
rotation: 0
},
}]
},
series: [{
name: 'Year 1800',
data: [107, 31, 50]
},
{
name: 'Goal',
type: 'scatter',
marker: {
enabled: false
},
data: [450]
}]
});
});
$(函数(){
$(文档).ready(函数(){
var图表=新的Highcharts.图表({
图表:{
renderTo:'容器',
类型:“行”
},
标题:{
文本:“按区域划分的虚拟数据”
},
xAxis:{
类别:[“非洲”、“美洲”、“亚洲”]
},
亚克斯:{
绘图线:[{
价值:75,
颜色:“#ff0000”,
宽度:2,
zIndex:4,
标签:{text:'goal'},
dashStyle:'线条',
标签:{
是的,
文本:“Target
”+“75”+“”,
对齐:'居中',
轮换:0
},
}]
},
系列:[{
名称:“1800年”,
数据:[107,31,50]
},
{
名称:“目标”,
键入:“散布”,
标记:{
已启用:false
},
数据:[450]
}]
});
});
})) 从海图论坛得到了答案。
因此,添加链接以供参考-您好,您能告诉我问题是什么吗?或者你想实现什么?你的意思是工具提示在“下方”,蓝色的目标圆圈?工具提示隐藏在目标标签后面。那么,如何将工具提示显示在目标标签上方。您需要禁用工具提示,并创建一个新的工具提示作为html div。因为您有两种类型的元素(html和SVG),所以您必须在此处发布答案,而不仅仅是一个链接。最好将其作为链接。