chartist.js - chartist jsはx軸でラベルを回転させます

Question

github で提起された問題に基づいて、軸ラベルを回転させる方法を示す js フィドルをセットアップしました。以下の js フィドルの例では問題なく動作しますが、自分のサイトでこれを試してみると、ラベルが表示されません。

http://jsfiddle.net/Lnhpwn8x/22/

html {
  box-sizing: border-box;
  font-family: Roboto, sans-serif;
}

*, *:before, *:after {
  box-sizing: inherit;
}

.ct-label.ct-label.ct-horizontal {
  position: fixed;
  justify-content: flex-end;
  text-align: right;
  transform-origin: 100% 0;
  transform: translate(-100%) rotate(-45deg);
}

画面のサイズを変更してラベルを小さくすると、グラフのサイズに問題があり、幅の 100% を占めていると思います