fix: add field name in aria label for pie and donut chart (#1993)

* fix: add field name in aria label for pie and donut chart

* fix: review comments

* fix: review comments

---------

Co-authored-by: Rishabh Sharma <[email protected]>

Author: r1shabhsharma

packages/core/src/components/graphs/pie.ts

@@ -123,13 +123,15 @@ export class Pie extends Component {
 			// a11y
 			.attr('role', Roles.GRAPHICS_SYMBOL)
 			.attr('aria-roledescription', 'slice')
-			.attr(
-				'aria-label',
-				(d: any) =>
-					`${d[valueMapsTo]}, ${
-						convertValueToPercentage(d.data[valueMapsTo], displayData, valueMapsTo) + '%'
-					}`
-			)
+			.attr('aria-label', (d: any) => {
+				return [
+					d[valueMapsTo],
+					convertValueToPercentage(d.data[valueMapsTo], displayData, valueMapsTo) + '%',
+					d.data[groupMapsTo]
+				]
+					.filter(Boolean)
+					.join(', ')
+			})
 			// Tween
 			.attrTween('d', function (a: any) {
 				return arcTween.bind(this)(a, self.arc)