删除边框和内容 highcharts 之间工具提示空间

o2g1uqev  于 2022-11-10  发布在  Highcharts
关注(0)|答案(3)|浏览(170)

我正在使用highcharts生成图表,问题是,highcharts在边框和工具提示内容之间生成空间,饼图的标签在生成的空间之间可见。可以解决我的问题吗?
请检查以下示例。
第一个
订单和内容highcharts之间的工具提示空间

olhwl3o2

olhwl3o21#

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

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

示例:http://jsfiddle.net/x8Lq0yr9/1/
这将消除边框和HTML内容之间的空间。

klr1opcd

klr1opcd2#

您正在使用div class=“tooltop”,而tooltop类却无处可去。另外,.highcharts-tooltip在highcharts中有两个地方被使用。一个在datalables中,另一个在tiiptip中。除非您需要特定的边框颜色,否则您可以从代码中删除那个css类,这样工具提示就看起来很好了。

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

见此Fiddle

6jjcrrmo

6jjcrrmo3#

Highcharts使用svg创建这些元素,使背景显示在某些元素的下面。为了避免这种不希望的行为,边框和背景设置被关闭,所有这些都是通过格式化函数中的html来控制的。使用HTML使背景不会显示在某些元素的下面。

tooltip: {
    backgroundColor: undefined,
    borderColor: undefined,
    borderWidth: 0,
}

相关问题