Graph 删除边框和内容图表之间的工具提示空间

Graph 删除边框和内容图表之间的工具提示空间,graph,highcharts,report,Graph,Highcharts,Report,我使用highcharts生成图形,问题是,highcharts在工具提示的边框和内容之间生成空间,饼图的标签在生成的空间之间可见。 有什么办法可以解决我的问题吗 请检查下面的例子 $(函数(){ var图; $(文档).ready(函数(){ 图表=新的高点图表。图表({ 图表:{ renderTo:'graf1', plotBackgroundColor:null, plotBorderWidth:null, plotShadow:false }, 标题:{ 差额:40, 文本:“Podí

我使用highcharts生成图形,问题是,highcharts在工具提示的边框和内容之间生成空间,饼图的标签在生成的空间之间可见。 有什么办法可以解决我的问题吗

请检查下面的例子

$(函数(){
var图;
$(文档).ready(函数(){
图表=新的高点图表。图表({
图表:{
renderTo:'graf1',
plotBackgroundColor:null,
plotBorderWidth:null,
plotShadow:false
},
标题:{
差额:40,
文本:“Podíl všech potřeb”
},
工具提示:{
边框宽度:1,
背景色:“rgba(255255,0)”,
边界半径:0,
影子:错,
是的,
百分比小数:2,
背景色:“rgba(255255,1)”,
格式化程序:函数(){
返回“+this.point.name+”
“+”+Highcharts.numberFormat(this.y)。替换(“,”)+“Kč[”+Highcharts.numberFormat(this.percentage,2)+“%]”; } }, 打印选项:{ 馅饼:{ allowPointSelect:true, 光标:“指针”, 数据标签:{ zIndex:1, 启用:对, 颜色:'#000000', 连接器宽度:2, 是的, 格式化程序:函数(){ 返回“”+this.point.name+“”; } } } }, 系列:[{ 键入“pie”, 名称:“Potřeba”, 数据:[ ['Firefox',45.0], [IE',26.8]{ 名称:“Chrome”, y:12.8, 切碎:是的, 所选:真 },[Safari',8.5], [Opera',6.2], [“其他”,0.7] ] }] }); }); });
.label{
z指数:1!重要;
}
.highcharts工具提示范围{
背景色:白色;
边框:1px纯绿色;
不透明度:1;
z指数:9999!重要;
}
.工具提示{
填充物:5px;
}

您使用的是div class=“tooltop”,其中as tooltop类不存在。此外,.highcharts工具提示在两个位置的highcharts中使用。一个位于datalables,另一个位于tiiptip。 除非您需要特定的边框颜色,否则可以从代码和工具提示中删除该css类

 .tooltipSpan {    
opacity:1;
z-index:9999!important;
 width:100%;
} 

请参见此

SVG工具提示元素可以通过以下方式隐藏:

        tooltip: {
            borderWidth: 0,
            backgroundColor: "rgba(255,255,255,0)",
            shadow: false,
例如:

这将消除边框和HTML内容之间的空间