update typing of clip, allow it to be configurable in the options for typescript...

diff --git a/docs/charts/bar.md b/docs/charts/bar.md
index 261beec470e188830e7ab5b65a19694d744435e5..853130f966e01e070ca283865804b1a2fcf864cb 100644 (file)
--- a/docs/charts/bar.md
+++ b/docs/charts/bar.md
@@ -78,7 +78,7 @@ Only the `data` option needs to be specified in the dataset namespace.
 | [`borderWidth`](#borderwidth) | `number`\|`object` | Yes | Yes | `0`
 | [`borderRadius`](#borderradius) | `number`\|`object` | Yes | Yes | `0`
 | [`categoryPercentage`](#categorypercentage) | `number` | - | - | `0.8` |
-| [`clip`](#general) | `number`\|`object` | - | - |
+| [`clip`](#general) | `number`\|`object`\|`false` | - | - |
 | [`data`](#data-structure) | `object`\|`object[]`\| `number[]`\|`string[]` | - | - | **required**
 | [`grouped`](#general) | `boolean` | - | - | `true` |
 | [`hoverBackgroundColor`](#interactions) | [`Color`](../general/colors.md) | Yes | Yes |

diff --git a/docs/charts/bubble.md b/docs/charts/bubble.md
index 510df1956763c4f8c69019c96ed24145c83d3a2a..64bc390b4e2f05418f10bd24da58d5142f893aff 100644 (file)
--- a/docs/charts/bubble.md
+++ b/docs/charts/bubble.md
@@ -51,7 +51,7 @@ The bubble chart allows a number of properties to be specified for each dataset.
 | [`backgroundColor`](#styling) | [`Color`](../general/colors.md) | Yes | Yes | `'rgba(0, 0, 0, 0.1)'`
 | [`borderColor`](#styling) | [`Color`](../general/colors.md) | Yes | Yes | `'rgba(0, 0, 0, 0.1)'`
 | [`borderWidth`](#styling) | `number` | Yes | Yes | `3`
-| [`clip`](#general) | `number`\|`object` | - | - | `undefined`
+| [`clip`](#general) | `number`\|`object`\|`false` | - | - | `undefined`
 | [`data`](#data-structure) | `object[]` | - | - | **required**
 | [`drawActiveElementsOnTop`](#general) | `boolean` | Yes | Yes | `true`
 | [`hoverBackgroundColor`](#interactions) | [`Color`](../general/colors.md) | Yes | Yes | `undefined`

diff --git a/docs/charts/doughnut.md b/docs/charts/doughnut.md
index c1927b1db6ac2a42533fe72b83bdbb4e74ac5e96..20b16f308889e45b8bc2476af99988de7204f5ca 100644 (file)
--- a/docs/charts/doughnut.md
+++ b/docs/charts/doughnut.md
@@ -109,7 +109,7 @@ The doughnut/pie chart allows a number of properties to be specified for each da
 | [`borderRadius`](#border-radius) | `number`\|`object` | Yes | Yes | `0`
 | [`borderWidth`](#styling) | `number` | Yes | Yes | `2`
 | [`circumference`](#general) | `number` | - | - | `undefined`
-| [`clip`](#general) | `number`\|`object` | - | - | `undefined`
+| [`clip`](#general) | `number`\|`object`\|`false` | - | - | `undefined`
 | [`data`](#data-structure) | `number[]` | - | - | **required**
 | [`hoverBackgroundColor`](#interactions) | [`Color`](../general/colors.md) | Yes | Yes | `undefined`
 | [`hoverBorderColor`](#interactions) | [`Color`](../general/colors.md) | Yes | Yes | `undefined`

diff --git a/docs/charts/line.md b/docs/charts/line.md
index f4331f9706972ab9dd3f4d8481ac7703e4d359f0..949e2f191ecd7742cecf342c6eadbf63ce2cdac5 100644 (file)
--- a/docs/charts/line.md
+++ b/docs/charts/line.md
@@ -51,7 +51,7 @@ The line chart allows a number of properties to be specified for each dataset. T
 | [`borderDashOffset`](#line-styling) | `number` | Yes | - | `0.0`
 | [`borderJoinStyle`](#line-styling) | `'round'`\|`'bevel'`\|`'miter'` | Yes | - | `'miter'`
 | [`borderWidth`](#line-styling) | `number` | Yes | - | `3`
-| [`clip`](#general) | `number`\|`object` | - | - | `undefined`
+| [`clip`](#general) | `number`\|`object`\|`false` | - | - | `undefined`
 | [`cubicInterpolationMode`](#cubicinterpolationmode) | `string` | Yes | - | `'default'`
 | [`data`](#data-structure) | `object`\|`object[]`\| `number[]`\|`string[]` | - | - | **required**
 | [`drawActiveElementsOnTop`](#general) | `boolean` | Yes | Yes | `true`

diff --git a/docs/charts/polar.md b/docs/charts/polar.md
index 6c27700a4d24b6fb13458a836605b0db7a015be3..5870dfd2f63b53ec0fd6a50f1a27e6ce275c1144 100644 (file)
--- a/docs/charts/polar.md
+++ b/docs/charts/polar.md
@@ -60,7 +60,7 @@ The following options can be included in a polar area chart dataset to configure
 | [`borderColor`](#styling) | [`Color`](../general/colors.md) | Yes | Yes | `'#fff'`
 | [`borderJoinStyle`](#styling) | `'round'`\|`'bevel'`\|`'miter'` | Yes | Yes | `undefined`
 | [`borderWidth`](#styling) | `number` | Yes | Yes | `2`
-| [`clip`](#general) | `number`\|`object` | - | - | `undefined`
+| [`clip`](#general) | `number`\|`object`\|`false` | - | - | `undefined`
 | [`data`](#data-structure) | `number[]` | - | - | **required**
 | [`hoverBackgroundColor`](#interactions) | [`Color`](../general/colors.md) | Yes | Yes | `undefined`
 | [`hoverBorderColor`](#interactions) | [`Color`](../general/colors.md) | Yes | Yes | `undefined`

diff --git a/docs/charts/radar.md b/docs/charts/radar.md
index 5a5890ca7ada60a0e337939fec8d113f51873dc9..745cf968b50a596d5223c6886a2b8af8163255b7 100644 (file)
--- a/docs/charts/radar.md
+++ b/docs/charts/radar.md
@@ -88,7 +88,7 @@ The radar chart allows a number of properties to be specified for each dataset.
 | [`hoverBorderDashOffset`](#line-styling) | `number` | Yes | - | `undefined`
 | [`hoverBorderJoinStyle`](#line-styling) | `'round'`\|`'bevel'`\|`'miter'` | Yes | - | `undefined`
 | [`hoverBorderWidth`](#line-styling) | `number` | Yes | - | `undefined`
-| [`clip`](#general) | `number`\|`object` | - | - | `undefined`
+| [`clip`](#general) | `number`\|`object`\|`false` | - | - | `undefined`
 | [`data`](#data-structure) | `number[]` | - | - | **required**
 | [`fill`](#line-styling) | `boolean`\|`string` | Yes | - | `false`
 | [`label`](#general) | `string` | - | - | `''`

diff --git a/types/index.esm.d.ts b/types/index.esm.d.ts
index 3edb09464ba9a097e3d9747de50092a519c1247b..d576bbcef45a25e696025677fa8974009ab11d70 100644 (file)
--- a/types/index.esm.d.ts
+++ b/types/index.esm.d.ts
@@ -67,7 +67,7 @@ export interface ControllerDatasetOptions extends ParsingOptions {
   /**
    * How to clip relative to chartArea. Positive value allows overflow, negative value clips that many pixels inside chartArea. 0 = clip at chartArea. Clipping can also be configured per side: clip: {left: 5, top: false, right: -2, bottom: 0}
    */
-  clip: number | ChartArea;
+  clip: number | ChartArea | false;
   /**
    * The label for the dataset which appears in the legend and tooltips.
    */
@@ -1457,6 +1457,11 @@ export interface CoreChartOptions<TType extends ChartType> extends ParsingOption
    */
   indexAxis: 'x' | 'y';
 
+  /**
+   * How to clip relative to chartArea. Positive value allows overflow, negative value clips that many pixels inside chartArea. 0 = clip at chartArea. Clipping can also be configured per side: clip: {left: 5, top: false, right: -2, bottom: 0}
+   */
+  clip: number | ChartArea | false;
+
   /**
    * base color
    * @see Defaults.color