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