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
},
例如: