为一点禁用工具提示?
Disable tooltip for one point?
我的图表是这样的:
我知道如果我想在 highcharts 中禁用工具提示效果,我需要在我的代码中添加:
tooltip: {
enabled: false
}
但我不知道如何禁用它只有一点...
series: [{
name: 'Reading',
colorByPoint:
{ color: "#ff0000"},
data: [
// [X, Y, Z]
[1, 8, 1],
[1, 9, 2],
[1, 1, 5],
[2, 7, 2],
[2, 3, 4],
[4, 5, 7],
[4, 5, 8],
[7, 3, 3],
[7, 8, 5],
[10, 7, 10]
]},{ ------ draw a line on bottom frame
data: [[0,0,5],[10,0,5]
],
lineWidth: 1,
marker: {
enabled: false
},
color: 'rgba(0,0,0,0.51)'
}, ------ end draw
{ // ------ draw a point on (right edge) bottom frame
data: [[10.7,0,5]],
dataLabels: {
enabled: true,
crop: false,
overflow: false,
format: 3,
},
marker: {
enabled: false,
states:{
hover: {
enabled: false
}
}
}
}]
如何禁用我添加的点的工具提示?
您可以使用 tooltip.formatter
禁用特定点的工具提示。您需要向不会有工具提示的点添加一些标识属性,然后在您的 tooltip.formatter
函数中检查它。
例如,您可以这样设置 data
(见第一点):
data: [{x:1, y:6, z:5, noTooltip: true}, [8, 7, 9], [1, 3, 4], [4, 6, 8], [5, 7, 7]]
然后在你的 tooltip.formatter
中你可以这样计算:
tooltip: {
formatter: function() {
// If the point is going to have a tooltip
if(!this.point.noTooltip) {
// Mimic default tooltip contents
return '● '+this.series.name+
'<br/>x: <b>'+this.point.x+
'</b><br/>y: <b>'+this.point.y+
'</b><br/>z: <b>'+this.point.z+
'</b><br/>';
}
// If tooltip is disabled
return false;
}
}
参见 this JSFiddle demonstration(禁用的点位于左下角的坐标 [1,1,0])。
我的图表是这样的:
我知道如果我想在 highcharts 中禁用工具提示效果,我需要在我的代码中添加:
tooltip: {
enabled: false
}
但我不知道如何禁用它只有一点...
series: [{
name: 'Reading',
colorByPoint:
{ color: "#ff0000"},
data: [
// [X, Y, Z]
[1, 8, 1],
[1, 9, 2],
[1, 1, 5],
[2, 7, 2],
[2, 3, 4],
[4, 5, 7],
[4, 5, 8],
[7, 3, 3],
[7, 8, 5],
[10, 7, 10]
]},{ ------ draw a line on bottom frame
data: [[0,0,5],[10,0,5]
],
lineWidth: 1,
marker: {
enabled: false
},
color: 'rgba(0,0,0,0.51)'
}, ------ end draw
{ // ------ draw a point on (right edge) bottom frame
data: [[10.7,0,5]],
dataLabels: {
enabled: true,
crop: false,
overflow: false,
format: 3,
},
marker: {
enabled: false,
states:{
hover: {
enabled: false
}
}
}
}]
如何禁用我添加的点的工具提示?
您可以使用 tooltip.formatter
禁用特定点的工具提示。您需要向不会有工具提示的点添加一些标识属性,然后在您的 tooltip.formatter
函数中检查它。
例如,您可以这样设置 data
(见第一点):
data: [{x:1, y:6, z:5, noTooltip: true}, [8, 7, 9], [1, 3, 4], [4, 6, 8], [5, 7, 7]]
然后在你的 tooltip.formatter
中你可以这样计算:
tooltip: {
formatter: function() {
// If the point is going to have a tooltip
if(!this.point.noTooltip) {
// Mimic default tooltip contents
return '● '+this.series.name+
'<br/>x: <b>'+this.point.x+
'</b><br/>y: <b>'+this.point.y+
'</b><br/>z: <b>'+this.point.z+
'</b><br/>';
}
// If tooltip is disabled
return false;
}
}
参见 this JSFiddle demonstration(禁用的点位于左下角的坐标 [1,1,0])。