gpt4 book ai didi

javascript - 如何禁用 highcharts-regression 插件的工具提示?

转载 作者:行者123 更新时间:2023-12-01 01:41:24 25 4
gpt4 key购买 nike

我创建了一个包含三个数据点的简单 Highcharts 散点图。它使用 highcharts-regression插件添加一系列显示线性回归线。我希望显示数据点的工具提示,但不显示回归线的工具提示,因此我禁用了工具提示,如下所示:

series: [{
regression: true,
name: 'Test input',
color: 'rgba(223, 83, 83, .5)',
data: [
[1, 1],
[2, 3],
[3, 9],
],
regressionSettings: {
tooltip: {
enabled: false // <---- I expect this to disable the tooltip
},
}
}]

http://jsfiddle.net/f34mza2q/1/

正如您从 jsfiddle 中看到的,回归线的工具提示仍然会弹出。如何关闭此处的工具提示(并仍保留它们作为数据点)?

我尝试了其他一些方法:

  • 样式:'display:“none”'添加到regressionSettings.tooltip
  • 将回归设置.enableMouseTracking 设置为 false

似乎都没有任何效果。

更新:根据下面 ppotaczek 的回答,以下是我关闭图表上所有回归线的工具提示的方法:

Highcharts.chart('mychart', {
// ...
events: {
load: function() {
var trendlines = this.series.filter(c => c.options.isRegressionLine);
for (i in trendlines) {
trendlines[i].update({
enableMouseTracking: false
});
}
}
},
//...
});

最佳答案

这个highcharts-regression插件不是官方的Highcharts插件,但请查看文档:https://api.highcharts.com/highcharts/series.line.tooltip ,您无法按照您尝试的方式禁用单个系列的工具提示。您应该使用 enableMouseTracking 属性,但 regressionSettings 不支持该属性。要解决此问题,您可以通过以下方式对创建的回归系列使用 update 方法:

            load: function() {
this.series[1].update({
enableMouseTracking: false
});
}

现场演示:http://jsfiddle.net/BlackLabel/dt42v3uz/

API:https://api.highcharts.com/highcharts/series.column.enableMouseTracking

关于javascript - 如何禁用 highcharts-regression 插件的工具提示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52371948/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com