Highcharts:饼图标签位置

Highcharts:饼图标签位置,highcharts,pie-chart,Highcharts,Pie Chart,请参见以下示例: 是否有任何设置可以在不单独调整标签的情况下更正确地放置标签 Firefox应该更上一层楼,其他人应该更上一层楼 代码: $(函数(){ $(“#容器”)。高图({ 标题:{ 文字:“2014年特定网站的浏览器市场份额” }, 打印选项:{ 馅饼:{ 数据标签:{ 接头宽度:12, 风格:{ 尺寸:25 } } } }, 系列:[{ 键入“pie”, 名称:“浏览器共享”, 数据:[ ['Firefox',45.0], [IE',26.8], [Safari',8.5],

请参见以下示例:

是否有任何设置可以在不单独调整标签的情况下更正确地放置标签

Firefox应该更上一层楼,其他人应该更上一层楼

代码:

$(函数(){
$(“#容器”)。高图({
标题:{
文字:“2014年特定网站的浏览器市场份额”
},
打印选项:{
馅饼:{
数据标签:{
接头宽度:12,
风格:{
尺寸:25
}
}
}
},
系列:[{
键入“pie”,
名称:“浏览器共享”,
数据:[
['Firefox',45.0],
[IE',26.8],
[Safari',8.5],
[Opera',6.2],
[“其他”,0.7]
]
}]
});
});

我总是发现饼图(以及极坐标图和星形图)的标签定位很难管理。根据您的数据和所需的格式,它们可能会非常挑剔,难以按照您的喜好进行定位

我建议删除所有标签,改为使用图例。我已经用这个概念更新了您的代码片段

请让我知道这是否对你有帮助

$(函数(){
$(“#容器”)。高图({
标题:{
文字:“2014年特定网站的浏览器市场份额”
},
图例:{
启用:对,
边框宽度:1,
边框颜色:“灰色”,
对齐:'居中',
垂直排列:“顶部”,
布局:“水平”,
x:0,y:50
},
打印选项:{
馅饼:{
allowPointSelect:true,
光标:“指针”,
dataLabels:{enabled:false},
showInLegend:对
}
},
系列:[{
键入“pie”,
名称:“浏览器共享”,
数据:[
['Firefox',45.0],
[IE',26.8],
[Safari',8.5],
[Opera',6.2],
[“其他”,0.7]
]
}]
});
});


感谢您提出的解决方案。不确定是否会被接受(这不是我的电话)。没问题。如果您需要任何其他选择的进一步输入或想法,请随时回复此线程。这是Highcharts的默认行为。您可以使用position方法或禁用dataLabels,并使用添加自定义形状。