javascript - Chartist.jsはラベルを削除しますか?

Question

だから私display:noneはラベルを付けることができます。以下に css を使用しますが、私の .ct-chart にはまだチャートの左側と下部に何かがあります。下の画像。

.ct-labels, .ct-grids {
  display: none;
}

理想的には、青色のチャートは白色のモジュールの左側に配置し、下部に配置します。これにより、div と一致し、絶対位置に配置され、チャートの応答性がオンになります。空白は DOM にまだ存在するラベルから作成されていると思いますか?

グラフの左側と下側に空白がないようにしたいと思います。私の.ct-chartcssは次のようになります。

.ct-chart {
position: absolute;
width: 100%;
left: 0;
top: 0;
height: 100%;
padding: 0;
z-index: -1;
}

Answer 1

When I load the chart I like to check the chart width and the number of labels and if need be I either display the labels, only display every other label, or hide all the labels based on whether the labels fit. This code hides the labels:

setTimeout(function() {
    $('.ct-chart').find('.ct-labels .ct-horizontal').remove();
}, 100);