Javascript 高度表使工具提示可见并居中

当屏幕调整大小时，我无法使highcharts仪表的tootlip显示并保持在仪表内可见和居中

在我的小提琴中，你可以看到工具提示出现，然后在一小段时间后消失。此外，调整窗口大小时，它不会保持在仪表的中心

感谢您的帮助。我的朋友来了

---

可以使用数据标签而不是工具提示在solidgauge图表中显示居中信息：

在这里，您可以看到一个示例，它是如何工作的：

---

您可以使用数据标签而不是工具提示在solidgauge图表中显示居中信息：

在这里，您可以看到一个示例，它是如何工作的：

---

您可以使用数据标签而不是工具提示：如果我的示例能够满足您的要求，我会将其发布为answerHi@Grzegorz Blachliński，太棒了，这正是我想要的。请张贴答案，我将投票。谢谢嗨@Grzegorz blachlinski，太棒了，这就是我要找的。但是工具提示代码中有一个错误，UncaughtTypeError:无法读取未定义的属性“refresh”。你知道为什么吗？它似乎在其他页面上工作。谢谢这是因为工具提示现在已禁用。不可能刷新它：您可以使用数据标签而不是工具提示：如果我的示例符合您的要求，我将以answerHi@Grzegorz blachlinski，awesome的形式发布它，这就是我要找的。请张贴答案，我将投票。谢谢嗨@Grzegorz blachlinski，太棒了，这就是我要找的。但是工具提示代码中有一个错误，UncaughtTypeError:无法读取未定义的属性“refresh”。你知道为什么吗？它似乎在其他页面上工作。谢谢这是因为工具提示现在已禁用。刷新它是不可能的：完美的，因为这比使用回调函数的工具提示容易得多！您好，当有两个数据对象2同心规圆时，有没有好的方法显示相同的数据？很好，因为这比使用回调函数的工具提示容易得多！嗨，当有2个数据对象2同心规圆时，有没有好的方法来显示相同的数据？

    gaugeChartObj = new Highcharts.Chart({
        credits: false,
        chart: {
            renderTo: divID,
            type: 'solidgauge',
            marginTop: 30,
            events: {
                load: function(){
                    var p = this.series[0].points[0];
                    this.tooltip.refresh(p);
                }
            }
        },
        title: {
            text: dataC.title,
            style: {
                fontSize: '16px'
            }
        },
        exporting: {
            enabled: false
        },
        tooltip: {
            borderWidth: 0,
            backgroundColor: 'none',
            useHTML: true,
            shadow: false,
            style: {
                fontSize: '16px'
            },
            formatter: function() {
                return '<div style="width:100%;text-align:center;"><span style="font-size:1.2em;font-weight:bold;">' + this.point.series.name + '</span><br/><span style="font-size:3em;color:' + Highcharts.getOptions().colors[0] + ';font-weight:bold;">' + Highcharts.numberFormat(this.y / 10, 0) + '</span>';
            },
            positioner: function (labelWidth) {
                return {
                    x: 170 - labelWidth / 2,
                    y: 125
                };
            }
        },
        pane: {
            startAngle: 0,
            endAngle: 360,
            background: [{
                outerRadius: '106%',
                innerRadius: '94%',
                backgroundColor: Highcharts.Color(Highcharts.getOptions().colors[0]).setOpacity(0.3).get(),
                borderWidth: 0
            }]
        },
        yAxis: {
            min: 0,
            max: 100,
            lineWidth: 0,
            tickPositions: []
        },
        plotOptions: {
            solidgauge: {
                borderWidth: '12px',
                dataLabels: {
                    enabled: false
                },
                linecap: 'round',
                stickyTracking: true
            }
        },
        series: [{
            name: 'Subscriptions',
            borderColor: Highcharts.getOptions().colors[0],
            data: [{
                color: Highcharts.getOptions().colors[0],
                radius: '100%',
                innerRadius: '100%',
                y: dataC.seriesData
            }]
        }],
        lang: {
            noData: "No data to display"
        },
        noData: {
            style: {
                fontWeight: 'bold',
                fontSize: '15px',
                color: '#333333'
            }
        }
    });

dataLabels: {
      enabled: true,
      y: -40,
      borderWidth: 0,
      backgroundColor: 'none',
      useHTML: true,
      shadow: false,
      style: {
        fontSize: '16px'
      },
      formatter: function() {
        return '<div style="width:100%;text-align:center;"><span style="font-size:1.2em;font-weight:bold;">' + this.point.series.name + '</span><br/><span style="font-size:3em;color:' + Highcharts.getOptions().colors[0] + ';font-weight:bold;">' + Highcharts.numberFormat(this.y / 10, 0) + '</span>';
      }
},