JavaScript

Swiperのコンテンツの高さを揃えるには、align-items: stretch;ではダメです。 .swiper-slide に height: auto; を設定してください。

Swiperでbreakpointsを指定し、表示枚数を変更しているにもかかわらず反映されない！と思っていたら、Swiperのブレークポイントの基準はmin-widthでしたというお話しです。

JavaScriptを使って簡単にグラフを表示できるChart.jsですが、ラベルをクリックやホバーして何かするというイベント機能が実装されていません。今回X軸のラベルをマウスオーバーしたらツールチップを表示する機能が必要となり、annotationというプラグインを使用して実装したのでその方法をご紹介します。