javascript - 如何在 highchart solid gauge 中添加垂直和水平居中的文本

Question

我正在使用 highchart solid gauge，但不知道如何在图表本身中添加文本。我添加了数据标签，但它没有在图表上呈现。

这是我的 Sample Fiddle

    series: [{           
        borderColor: "#00B0FF",
        data: [{
            color: "#00B0FF",
            radius: '75%',
            innerRadius: '75%',
            y: 85
        }],
        dataLabels: {
            format: '<span style="font-size:2em; color: {point.color}; font-weight: bold">{point.y}%</span>'

        }
    }]

Answer 1

有几种不同的方法，但一个简单的方法是使用如下所示的方法:

title: {
    text: "TEST",
    verticalAlign: 'middle',
    floating: true
  }

对于需要更多 javascript/jQuery 代码的其他选项，请参阅其他问题:

Place text in center of pie chart - Highcharts