随着X轴值的增加

时间:2018-01-18 14:51:16

标签: html css kendo-ui

我有一个带有以下CSS的图表,问题是,x轴的数量可能从10到300不等, 它的大小在浏览器中很好,但是当X轴值的数量增加到200或者更多时 ,图表不可读,我也证明了它的图片,在这种情况下,展示它的好方法是什么?

<div class="chart-wrapper" style="width: 100%; margin-top: 50px;">
    <div class="k-chart" id="topMonth" style="width: 100%; 
        position:relative; touch-action: none;" data-role="chart">
    </div>
</div>

PICTURE

1 个答案:

答案 0 :(得分:0)

使用xAxis或categoryAxis上的 label.step property 来显示每个第n个标签。

您可以根据x值的数量动态设置它......