g2plot饼状图label显示不全

最新推荐文章于 2023-11-10 13:51:43 发布

原创最新推荐文章于 2023-11-10 13:51:43 发布 · 1.8k 阅读

0 ·

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

本文为博主原创文章，未经博主允许不得转载。

标签

#前端

收录于

本文介绍了如何使用newPie函数创建一个带有自定义配置的饼状图，包括数据源、颜色、尺寸、标签交互和统计信息。重点展示了angleField、colorField的选择以及如何设置内外径和标签样式。

	            new Pie(el.value, {
	            	appendPadding: 10,
	                data,
	                width:600,
	                height:400,
	                angleField: "value",
	                colorField: "type",
	                color: ['#FF7420','#FCD4C7'],
	                radius: 0.6, //设置饼状图大小
	                innerRadius: 0.4,
	                label: {
	                    type: "outer",
	                    content: "{name} {value}吨"+'\n'+'占比{percentage}',
	                },
	                interactions: [{ type: "pie-legend-active" }, { type: "element-active" }],
	                statistic: {
					    title: false,
					    content: '',
					},
	            }).render();