概要

Chart.jsにてグラフを作成する際、
オプションを指定して軸の設定を行おうした所、
反映されなかったので原因と対策内容を記載致します。

使用version：https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.8.0/chart.min.js

修正前コード

var test= document.getElementById('test');
var chart = new Chart(test, {
        type: 'line',
        data: {
            labels: test,
            datasets: [{
                label: 'test',
                data: [20, 10],
                ～～　省略　～～
            }]
        },
        options: {
             scales: {
                yAxes: {
                    ticks: {
                        display: false,
                    }
                }
            }
        },
    });

修正後コード

var test= document.getElementById('test');
var chart = new Chart(test, {
        type: 'line',
        data: {
            labels: test,
            datasets: [{
                label: 'test',
                xAxisID: 'x',
                yAxisID: 'y', 
                data: [20, 10],
                ～～　省略　～～
            }]
        },
        options: {
             scales: {
                y: {
                    ticks: {
                        display: false,
                    }
                }
            }
        },
    });

原因と対策

◆原因
変更前後ともに「option」内での軸名称ＩＤ記述は有りますが
変更前には「datasets」内での軸名称ＩＤ記述が無かった。

◆対策
Chart.js/3.8.0　では軸名称ＩＤ（xAxisID）の指定は明示的に設定記載する必要が有ります。
・「datasets」内にて軸名称ＩＤを記載
・「options.scales」 にて軸名称ＩＤを指定