Chart.jsのグラフで端の点が消えてしまう

Question

Rails5で開発中のアプリにChart.jsでグラフを導入しているのですが、たまに表示される点が消えてしまうことがあります。

グラフのオプションにpaddingなどを追加してみたりしましたが、解決しませんでした。

なにか解決策があればお教えいただければと思います。

(↓この画像では80.2に表示されるはずの上端の点が消えてしまっています↓)

<div class="chart_container"><canvas id="myChart" height="330" width="650"></canvas></div>

<script>
var ctx = document.getElementById("myChart").getContext('2d');
var myChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels:  <%= raw @graph_date %> ,
        datasets: [{
            label: "weight",
            data: <%= raw @graph_weights %>,
            lineTension: 0,
            backgroundColor: 'rgba(0, 123, 255, 1.0)',
            borderColor: 'rgba(0, 123, 255, 1.0)',
            fill: false,
            pointRadius:6.5,
            pointHoverRadius: 7
        }]
    },
    options: {
      responsive: true,
      maintainAspectRatio: false,
    }
});
</script>

Answer 1

「pointRadiusの大きさを下げる」+「凡例を消す」で対応しました。
pointRadiusを下げたことの対応として、pointHitRadiusを大きめに設定しました。