Enable html in pie charts legend (#2899)

Author: kuzmadom

src/server/modes/charts/plugins/datalens/preparers/pie/gravity-charts.ts

@@ -30,7 +30,7 @@ type ExtendedPieSeries = Omit<PieSeries, 'data'> & {
 
 export function prepareD3Pie(args: PrepareFunctionArgs) {
     const {shared, labels, visualizationId, ChartEditor, colorsConfig, idToDataType} = args;
-    const {graphs, label, measure, totals} = preparePieData(args);
+    const {graphs, label, measure, totals, color, dimension} = preparePieData(args);
     const isLabelsEnabled = Boolean(labels?.length && label && measure?.hideLabelMode !== 'hide');
 
     const shouldUseHtmlForLabels =
@@ -95,7 +95,7 @@ export function prepareD3Pie(args: PrepareFunctionArgs) {
         data = [];
     }
 
-    let legend: ChartData['legend'];
+    let legend: ChartData['legend'] = {};
     if (graphs.length && isColoringByMeasure(args)) {
         legend = {
             enabled: true,
@@ -106,6 +106,11 @@ export function prepareD3Pie(args: PrepareFunctionArgs) {
                 stops: colorsConfig.gradientColors.length === 2 ? [0, 1] : [0, 0.5, 1],
             },
         };
+    } else {
+        const shouldUseHtmlForLegend = [dimension, color].some(isHtmlField);
+        if (shouldUseHtmlForLegend) {
+            legend.html = true;
+        }
     }
 
     return merge(getBaseChartConfig(shared), {

src/server/modes/charts/plugins/datalens/preparers/pie/prepare-pie-data.ts

@@ -242,12 +242,9 @@ export function preparePieData(args: PrepareFunctionArgs) {
             formattedName = wrapHtml(formattedName);
         }
 
-        // toDo: return as soon as the html legend in gravity-charts is supported
-        // const shouldWrapPointName = isHtmlColor || isHtmlDimension;
-
+        const shouldWrapPointName = isHtmlColor || isHtmlDimension;
         const point: PiePoint = {
-            // name: shouldWrapPointName ? wrapHtml(pointName) : pointName,
-            name: pointName,
+            name: shouldWrapPointName ? wrapHtml(pointName) : pointName,
             formattedName,
             drillDownFilterValue,
             y: Number(measureValue),