chartist.js では、何をするにしても、css を介してラベルを非表示にするかshowLabel: false
、左と下に常にそのスペースがあります。
div に収まるようにグラフを絶対に配置しようとしているので、グラフは一番左から始まり、スペースやパディングなしで反対側の端までずっと描画されます。
グリッドとラベルを非表示にするさまざまな方法を試しましたが、それらは非表示になっていますが、そのスペースはまだ残っています。
CSSをハックしてやりたくありませんleft:-100px
width:104%
。
下記は用例です。
私のプロジェクトでは、青いチャートの左または下に空白があってはなりません。チャーティスト ラッパーは次のようになります。
.minimal-chart.ct-chart {
background-color: transparent;
position: absolute;
width: 100%;
left: 0;
top: 0;
height: 100%;
padding: 0;
z-index: 2;
}
彼らのサイトでも、下のボックスと同じ高さではないことがわかります