From: Jacco van den Berg <jaccoberg2281@gmail.com>
Date: Mon, 22 Aug 2022 20:44:04 +0000 (+0200)
Subject: move option to correct namespace (#10613)
X-Git-Tag: v4.0.0~41
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=432d1e6a6085ac4012a368904cd96162ae2375b4;p=thirdparty%2FChart.js.git

move option to correct namespace (#10613)

* move option to correct namespace

* change plugin name from snake_case to camelCase
---

diff --git a/docs/configuration/canvas-background.md b/docs/configuration/canvas-background.md
index da937ded1..60e6b0316 100644
--- a/docs/configuration/canvas-background.md
+++ b/docs/configuration/canvas-background.md
@@ -33,7 +33,7 @@ const data = {
 // <block:plugin:2>
 // Note: changes to the plugin code is not reflected to the chart, because the plugin is loaded at chart construction time and editor changes only trigger an chart.update().
 const plugin = {
-  id: 'custom_canvas_background_color',
+  id: 'customCanvasBackgroundColor',
   beforeDraw: (chart, args, options) => {
     const {ctx} = chart;
     ctx.save();
@@ -51,7 +51,9 @@ const config = {
   data: data,
   options: {
     plugins: {
-      color: 'lightGreen',
+      customCanvasBackgroundColor: {
+        color: 'lightGreen',
+      }
     }
   },
   plugins: [plugin],
@@ -95,7 +97,7 @@ const image = new Image();
 image.src = 'https://www.chartjs.org/img/chartjs-logo.svg';
 
 const plugin = {
-  id: 'custom_canvas_background_image',
+  id: 'customCanvasBackgroundImage',
   beforeDraw: (chart) => {
     if (image.complete) {
       const ctx = chart.ctx;
diff --git a/docs/developers/plugins.md b/docs/developers/plugins.md
index bc4cbeb9e..9e967a887 100644
--- a/docs/developers/plugins.md
+++ b/docs/developers/plugins.md
@@ -195,7 +195,7 @@ import {ChartType, Plugin} from 'chart.js';
 
 declare module 'chart.js' {
   interface PluginOptionsByType<TType extends ChartType> {
-    custom_canvas_background_color?: {
+    customCanvasBackgroundColor?: {
       color?: string
     }
   }