如何在高图实体规范内添加文本verticaly和horizantaly中心

时间:2016-06-03 05:04:09

标签: javascript jquery css highcharts

我正在使用高图固体测量仪,并且无法弄清楚如何在图表本身内添加文本。我添加了dataLabels但它没有在图表上呈现。

这是我的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>'

        }
    }]

1 个答案:

答案 0 :(得分:3)

有几种不同的方法,但一个简单的方法是使用如下内容:

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

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

Place text in center of pie chart - Highcharts