Merge pull request #638 from neo4j-labs/feature/pieFontSize

Pie font size

Author: AleSim94

docs/modules/ROOT/pages/user-guide/reports/pie-chart.adoc

@@ -49,6 +49,8 @@ the pie slices in order of size.
 |Show Values in Slices |on/off |off |If enabled, show the category
 values inside the pie slices.
 
+|Labels font Size |Number |13 |Define the size of the font for internal and external labels on the pie.
+
 |Show categories next to Slices |on/off |off |If enabled, show the
 category values next to the pie slices.
 

src/chart/pie/PieChart.tsx

@@ -7,6 +7,7 @@ import { ChartProps } from '../Chart';
 import { convertRecordObjectToString, recordToNative } from '../ChartUtils';
 import { themeNivo } from '../Utils';
 import { extensionEnabled } from '../../utils/ReportUtils';
+import { objMerge } from '../../utils/ObjectManipulation';
 
 /**
  * Embeds a PieChart (from Nivo) into NeoDash.
@@ -90,6 +91,8 @@ const NeoPieChart = (props: ChartProps) => {
   const cornerRadius = settings.cornerRadius ? settings.cornerRadius : 1;
   const arcLabelsSkipAngle = settings.arcLabelsSkipAngle ? settings.arcLabelsSkipAngle : 10;
 
+  const arcLabelsFontSize = settings.arcLabelsFontSize ? settings.arcLabelsFontSize : 13;
+
   const legend = settings.legend ? settings.legend : false;
   const colorScheme = settings.colors ? settings.colors : 'set2';
   const styleRules = useStyleRules(
@@ -131,9 +134,14 @@ const NeoPieChart = (props: ChartProps) => {
     return <NoDrawableDataErrorMessage />;
   }
 
+  const theme = objMerge(themeNivo, {
+    labels: {
+      text: { fontSize: arcLabelsFontSize },
+    },
+  });
   return (
     <ResponsivePie
-      theme={themeNivo}
+      theme={theme}
       data={data}
       sortByValue={sortByValue}
       enableArcLabels={enableArcLabels}

src/config/ReportConfig.tsx

@@ -516,6 +516,11 @@ const _REPORT_TYPES = {
         type: SELECTION_TYPES.NUMBER,
         default: 10,
       },
+      arcLabelsFontSize: {
+        label: 'Labels font Size',
+        type: SELECTION_TYPES.NUMBER,
+        default: 13,
+      },
       enableArcLinkLabels: {
         label: 'Show categories next to slices',
         type: SELECTION_TYPES.LIST,