Javascript 如何在highcharts中显示居中文本?

Javascript 如何在highcharts中显示居中文本?,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,请告诉我如何在高位图表的中心显示文本。我想在两个圆环图的中心显示A/B值。我想显示 甜甜圈图表的值155/165中间的值这是我的代码 预期产量 A/B中间的值 $(function() { $('#container').highcharts({ chart: { type: 'pie' }, credits: { enabled: false }, export

请告诉我如何在高位图表的中心显示文本。我想在两个圆环图的中心显示
A/B
值。我想显示 甜甜圈图表的值
155/165
中间的值这是我的代码

预期产量

A/B
中间的值

$(function() {
    $('#container').highcharts({
        chart: {
            type: 'pie'
        },

        credits: {
         enabled: false
        },
        exporting: { enabled: false },
        legend: {
            align: 'right',
            verticalAlign: 'top',
            layout: 'vertical',
            x: 0,
            y: 100,
                labelFormatter: function() {

                    return '<span style="color:' + this.color + ';background:red!important">' + this.name + ':</span> <b>' + this.y + '</b> </n>';
            }
        },
        yAxis: {
            title: {
                text: 'Total percent market share'
            }
        },
        plotOptions: {
            pie: {
               series: {
                    states: {
                        hover: {
                            enabled: false
                        }
                    }
            },
                allowPointSelect: false,
                cursor: 'pointer',
                showInLegend: true,
                dataLabels: {
                    format: '<b>{point.y}</b>',

                    style: {
                        fontWeight: 'bold',
                        color: 'white'
                    }
                },

                startAngle: 0,
                endAngle: 270,
                center: ['50%', '75%']
            }
        },
        tooltip: {
            enabled: false,
            shadow: false
        },
        series: [{
         states: {hover: {enabled: false}},
          showInLegend: false,
            name: 'election result',
            enabled: true,
               dataLabels: {
                   enabled: true
                },
            data: [
                ['A', 155],
                ['B', 165],

            ],
            size: '30%',
            innerSize: '70%',
        }, {
        states: {hover: {enabled: false}},
            name: 'Versions',
            data: [
                ['sdsd', 55],
                ['sdf', 65],
                ['sdf', 65],
                ['sdf', 132],

            ],
            size: '70%',
            innerSize: '80%',

        }]
    });
});
$(函数(){
$(“#容器”)。高图({
图表:{
键入:“馅饼”
},
学分:{
已启用:false
},
正在导出:{enabled:false},
图例:{
对齐:“右”,
垂直排列:“顶部”,
布局:“垂直”,
x:0,,
y:100,
labelFormatter:function(){
返回“+this.name+”:“+this.y+”;
}
},
亚克斯:{
标题:{
文字:“总市场份额百分比”
}
},
打印选项:{
馅饼:{
系列:{
国家:{
悬停:{
已启用:false
}
}
},
allowPointSelect:false,
光标:“指针”,
showInLegend:是的,
数据标签:{
格式:“{point.y}”,
风格:{
fontWeight:'粗体',
颜色:“白色”
}
},
startAngle:0,
端角:270,
中间:['50%,'75%']
}
},
工具提示:{
启用:false,
影子:错
},
系列:[{
状态:{hover:{enabled:false}},
showInLegend:false,
名称:"选举结果",,
启用:对,
数据标签:{
已启用:true
},
数据:[
[A',155],
[B',165],
],
大小:“30%”,
内部尺寸:“70%”,
}, {
状态:{hover:{enabled:false}},
名称:'版本',
数据:[
[sdsd',55],
[sdf',65],
[sdf',65],
[sdf',132],
],
大小:“70%”,
内部尺寸:“80%”,
}]
});
});
您可以使用属性设置饼图中的标签

  dataLabels: {
    enabled: true,
    distance: -40
  },
例如: