JavaScript Chart.jsについて詳しい方いますか？

前提・実現したいこと

Chart.jsでグラフを作っています
下記コードの上部に表示されてる得点の表示を非表示、
下部の300などの数値の表示を非表示にしたいです
//label: '得点',
//data: [880, 740, 900, 520, 930],
コメントアウトしてみましたが、非表示にできません
この部分は非表示にできないのでしょうか？

該当のソースコード

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js"></script>

<style>
#ex_chart {max-width:640px;max-height:480px;}
</style>

<canvas id="ex_chart"></canvas>

<script>
var ctx = document.getElementById('ex_chart');

var data = {
    labels: ["平成26年", "平成27年", "平成28年", "平成29年", "平成30年"],
    datasets: [{
        label: '得点',
        data: [880, 740, 900, 520, 930],
        backgroundColor: 'rgba(255, 100, 100, 1)'
    }]
};
var options = {
    scales: {
        xAxes: [{
            ticks: {
                min: 300
            }
        }]
    }
};

var ex_chart = new Chart(ctx, {
    type: 'horizontalBar',
    data: data,
    options: options
});
</script>

m.ts10806

2021/03/25 21:28

タイトルに内容がないです。起きてる問題、実現したい機能の概要を記載してください（要件） https://teratail.com/help/question-tips#questionTips3-1 要件とタグと質問内容をきちんと書けば「詳しい人」は見に来ます。「詳しい人いますか？」では何を聞きたいのか分かりません。

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

回答1件

legendのdisplayをfalseに、
xAxesのticksのdisplayをfalseに設定します。

diff
1<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js"></script>
2
3<style>
4#ex_chart {max-width:640px;max-height:480px;}
5</style>
6
7<canvas id="ex_chart"></canvas>
8
9<script>
10var ctx = document.getElementById('ex_chart');
11
12var data = {
13    labels: ["平成26年", "平成27年", "平成28年", "平成29年", "平成30年"],
14    datasets: [{
15        label: '得点',
16        data: [880, 740, 900, 520, 930],
17        backgroundColor: 'rgba(255, 100, 100, 1)'
18    }]
19};
20var options = {
21+   legend: {
22+     display: false
23+   },
24    scales: {
25        xAxes: [{
26            ticks: {
27                min: 300,
28+               display: false
29            }
30        }]
31    }
32};
33
34var ex_chart = new Chart(ctx, {
35    type: 'horizontalBar',
36    data: data,
37    options: options
38});
39</script>