我正在使用highcharts生成图表,问题是,highcharts在边框和工具提示内容之间生成空间,饼图的标签在生成的空间之间可见。可以解决我的问题吗?请检查以下示例。第一个订单和内容highcharts之间的工具提示空间
olhwl3o21#
SVG工具提示元素可以通过以下方式隐藏:
tooltip: { borderWidth: 0, backgroundColor: "rgba(255,255,255,0)", shadow: false,
示例:http://jsfiddle.net/x8Lq0yr9/1/这将消除边框和HTML内容之间的空间。
klr1opcd2#
您正在使用div class=“tooltop”,而tooltop类却无处可去。另外,.highcharts-tooltip在highcharts中有两个地方被使用。一个在datalables中,另一个在tiiptip中。除非您需要特定的边框颜色,否则您可以从代码中删除那个css类,这样工具提示就看起来很好了。
.tooltipSpan { opacity:1; z-index:9999!important; width:100%; }
见此Fiddle
6jjcrrmo3#
Highcharts使用svg创建这些元素,使背景显示在某些元素的下面。为了避免这种不希望的行为,边框和背景设置被关闭,所有这些都是通过格式化函数中的html来控制的。使用HTML使背景不会显示在某些元素的下面。
tooltip: { backgroundColor: undefined, borderColor: undefined, borderWidth: 0, }
3条答案
按热度按时间olhwl3o21#
SVG工具提示元素可以通过以下方式隐藏:
示例:http://jsfiddle.net/x8Lq0yr9/1/
这将消除边框和HTML内容之间的空间。
klr1opcd2#
您正在使用div class=“tooltop”,而tooltop类却无处可去。另外,.highcharts-tooltip在highcharts中有两个地方被使用。一个在datalables中,另一个在tiiptip中。除非您需要特定的边框颜色,否则您可以从代码中删除那个css类,这样工具提示就看起来很好了。
见此Fiddle
6jjcrrmo3#
Highcharts使用svg创建这些元素,使背景显示在某些元素的下面。为了避免这种不希望的行为,边框和背景设置被关闭,所有这些都是通过格式化函数中的html来控制的。使用HTML使背景不会显示在某些元素的下面。