Doughnut chart options have an offset property (#9916)

chartjs · Nov 28, 2021 · f8992a6 · f8992a6
1 parent 7cbc47b
commit f8992a6
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 0 deletions.
diff --git a/types/index.esm.d.ts b/types/index.esm.d.ts
@@ -244,6 +244,11 @@ export interface DoughnutControllerDatasetOptions
    */
   circumference: number;
 
+  /**
+   * Arc offset (in pixels).
+   */
+  offset: number;
+
   /**
    * Starting angle to draw this dataset from.
    * @default 0
@@ -292,6 +297,11 @@ export interface DoughnutControllerChartOptions {
    */
   cutout: Scriptable<number | string, ScriptableContext<'doughnut'>>;
 
+  /**
+   * Arc offset (in pixels).
+   */
+  offset: number;
+
   /**
    * The outer radius of the chart. String ending with '%' means percentage of maximum radius, number means pixels.
    * @default '100%'

diff --git a/types/tests/controllers/doughnut_offset.ts b/types/tests/controllers/doughnut_offset.ts
@@ -0,0 +1,15 @@
+import { Chart, ChartMeta, Element } from '../../index.esm';
+
+const chart = new Chart('id', {
+  type: 'doughnut',
+  data: {
+    labels: [],
+    datasets: [{
+      data: [],
+      offset: 40,
+    }]
+  },
+  options: {
+    offset: 20,
+  }
+});