如何使图表大小适应任意数量的条目

Question

我是网页设计的新手，我有一个剑道图，当数字类别轴为12或更小时，它的精细和可读性问题在类别轴数增加到20或更多时开始，在此案例可能是什么解决方案？下面是css以及当条目数量增加时会发生什么的屏幕截图，

这是CSS：

<div style="width:1200px;margin-top:20px">
     <div id="faultstatSubCat" style="width:40%;float:left;margin-left:35px;">
     </div>
    <div id="faultStatTurbineName" style="width:60%;float:right">
     </div>
   </div>

图表是宽度为60％并向右浮动的图表，左边是另一张图表，我附加了照片