highcharts 饼状图（pie）数据标签部分不显示问题

原创于 2020-07-08 16:58:31 发布 · 6.6k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

前端专栏收录该内容

17 篇文章

订阅专栏

本文介绍如何通过调整distance和zIndex属性解决饼状图数据标签部分显示的问题，确保所有数据标签都能完整呈现。

饼状图的数据标签可能会出现部分显示部分不显示的问题，这时可以调一下distance和zIndex这两个属性（调整合适的值就可以将数据标签显示完全了）

plotOptions: {
		pie: {
			allowPointSelect: true,
			cursor: 'pointer',
			dataLabels: {
				enabled: true,
				format: '<b>{point.name}</b>: {point.percentage:.1f} %',
				distance: 20,
				zIndex:999,
				style: {
					color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
				}
			}
		}
	},