Highcharts columnrange上的工具提示问题
请看这个例子。我已经在jsfidle上创建了。 我遇到的问题是浮动在图形上方的工具提示。列范围上的文本似乎具有更高的z索引。但无论我如何尝试并在div样式表上设置它,它都会显示抛出。我希望在html中有点详细信息,因为我想使它成为一个超链接标记Highcharts columnrange上的工具提示问题,highcharts,Highcharts,请看这个例子。我已经在jsfidle上创建了。 我遇到的问题是浮动在图形上方的工具提示。列范围上的文本似乎具有更高的z索引。但无论我如何尝试并在div样式表上设置它,它都会显示抛出。我希望在html中有点详细信息,因为我想使它成为一个超链接标记 plotOptions: { columnrange: { dataLabels: { inside: true, ena
plotOptions: {
columnrange: {
dataLabels: {
inside: true,
enabled: true,
useHTML: true,
formatter: function () {
if (this.y === this.point.low) {
return '<div style="padding:2px;text-align:center;color:black;overflow:hidden;width:' + (this.point.plotLow - this.point.plotHigh - 4) + 'px">' + this.point.low + '°C - ' + this.point.high + '°C </div>';
}
}
}
}
},
plotOptions:{
列范围:{
数据标签:{
里面:对,,
启用:对,
是的,
格式化程序:函数(){
if(this.y==this.point.low){
返回“+this.point.low+”°C-“+this.point.high+”°C”;
}
}
}
}
},
谢谢你
我跟着复制品走
我设法让它以我想要的方式使用css
以及在工具提示上设置样式
tooltip: {
backgroundColor: "rgba(255,255,255,1)",
style: {
padding: '1px'
},
shadow: false,
useHTML: true,
percentageDecimals: 2,
formatter: function () {
return '<div class="tooltop">'+ this.point.category + '<br />' +
'Temprature ' + this.point.low + '°C - ' + this.point.high + '°C </div>'
}
}
工具提示:{
背景色:“rgba(255255,1)”,
风格:{
填充:“1px”
},
影子:错,
是的,
百分比小数:2,
格式化程序:函数(){
返回“+this.point.category+”
+
“温度”+this.point.low+“°C-”+this.point.high+“°C”
}
}
tooltip: {
backgroundColor: "rgba(255,255,255,1)",
style: {
padding: '1px'
},
shadow: false,
useHTML: true,
percentageDecimals: 2,
formatter: function () {
return '<div class="tooltop">'+ this.point.category + '<br />' +
'Temprature ' + this.point.low + '°C - ' + this.point.high + '°C </div>'
}
}