Highcharts-如何删除固定工具提示和点之间的连接线

Mat*_*ott 3 treemaps bar-chart highcharts highstock

我们刚刚更新到了最新的Highcharts版本,现在我们的一些图表类型都有一条将工具提示连接到该点的新线。

在带有固定工具提示的图表上,这尤其明显。

有谁知道如何在不删除工具提示本身边框的情况下删除该行?

我想出了一种解决方法,其中涉及将工具提示的borderwidth设置为0,并使用useHTML:true将圆形,带边框的彩色div添加到工具提示中,并禁用阴影。

尽管我不想为每个图表执行此操作,但似乎有点讨厌。

这也影响到我可以看到的条形图和树形图,因此我拖了文档无济于事。

连接线

http://jsfiddle.net/mattscotty/bqw4bc4x/1/

Highcharts.chart('container', {
title: {
    text: 'Fixed tooltip'
},

tooltip: {
    positioner: function () {
        return { x: 80, y: 50 };
    },
    backgroundColor: 'rgba(255,255,255,0.8)',

    //Uncomment below to remove line, but this also removes tooltip border
    //borderWidth:0,
    //shadow:false
},

xAxis: {
    categories: ['Jan', 'Feb', 'Mar']
},

series: [{
    data: [29.9, 71.5, 106.4]
}, {
    data: [194.1, 95.6, 54.4]
}]
});
Run Code Online (Sandbox Code Playgroud)

提前致谢。

mor*_*ree 5

默认情况下,工具提示的形状设置为标注,该标注的人字形线指向该点。您可以将工具提示的形状更改为例如矩形-它没有任何连接器。

tooltip: {
    positioner: function () {
        return { x: 80, y: 50 };
    },
    backgroundColor: 'rgba(255,255,255,0.8)',
    shape: 'rect'
Run Code Online (Sandbox Code Playgroud)

示例:http//jsfiddle.net/bqw4bc4x/2/