如何将总数放在标题高图中

时间:2015-05-04 07:52:20

标签: angularjs highcharts

我想将this.total放在饼图中心标题的文本中。我的代码在:http://jsfiddle.net/Cp73s/2124/

title: {
            text: 'I want to put this.total here',
            align: 'center',
            verticalAlign: 'middle'
        },

2 个答案:

答案 0 :(得分:1)

设置title.xhttp://jsfiddle.net/Cp73s/2127/

文本相对于图表而不是饼图定位,因此,由于右侧有图例,因此需要为x添加额外空间。当然,由于您的图例标题可能会有所不同,因此设置legendItem的固定宽度是个好主意。

答案 1 :(得分:1)

计算标题

var total = 0
for (var i = 0, len = data.length; i < len; i++) {
    total += data[i][1]
}

添加

title: {
   text: total+'<br>AVISOS',
},

饼图中的中心标题
请参阅How to center chart title position dynamically inside pie chart in highcharts

中的回答