Chart.jsでオンマウスでのツールチップを非表示にしたい

前提・実現したいこと

Chart.jsで表示している円グラフでのオンマウスで表示されるツールチップを非表示にしたいです。
optionで指定してもツールチップが出てしまいます。

以下テストページです。
テストページ https://www.enter-the-void.jp/test/

認識違いや間違っている箇所ありましたら、教えていただきたいです。

該当のソースコード

javascript
1        if (isInView) {
2			var ctx = document.getElementById("myPieChart01");
3			var myPieChart = new Chart(ctx, {
4				type: 'doughnut',
5				data: {
6					datasets: [{
7						backgroundColor: [
8							"#FF9944",
9							"#FFCCAA",
10						],
11						data: [67, 33],
12						borderWidth: [
13							0
14						]
15					}]
16				},
17				options: {
18					cutoutPercentage: 100,
19					legend: {
20						display: false
21					},
22					responsive: false,
23					tooltips: {
24						enabled: false
25					},
26				}
27			});
28		}
29	});

試したこと

以下のページに設定しています。

optionsのtooltips　をenabled: falseに設定した
テストページ https://www.enter-the-void.jp/test/

補足情報　読み込んでいるソース

html
1<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
2<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.1.1/chart.min.js"></script>
3<script src="https://cdnjs.cloudflare.com/ajax/libs/protonet-jquery.inview/1.1.2/jquery.inview.min.js"></script>

行動規範の内容に同意します

回答1件

ベストアンサー

未検証で申し訳ないのですが、

javascript
1options: {
2    cutoutPercentage: 100,
3        legend: {
4        display: false
5    },
6    responsive: false,
7        tooltips: {
8        enabled: false
9    },
10    plugins: {
11        tooltip: {
12            enabled: false,
13        },
14    }
15}