如何停止类别轴与我的剑道图重叠?

时间:2016-08-05 11:37:06

标签: kendo-ui kendo-asp.net-mvc telerik-mvc

Category axis overlaps

请告诉我如何阻止类别轴重叠?它在Chrome中存在此问题,但在Internet Explorer中没有。有时当我在Chrome中刷新时,它会按预期工作 - 它不会重叠。

我已尝试将axiscrossingvalue设置为各种值,但它没有帮助。

这是我的代码:

@(Html.Kendo().Chart()
.Name("sales_count")
.Title("Sales Count: " + Model.SalesCount_Total[0])
.Legend(legend => legend
    .Visible(false)
)
.ChartArea(chartArea => chartArea
    .Background("transparent")
    .Height(graphHeight)
)
.Series(series =>
{
    series
    .Column(Model.SalesCount_Values[0]).Name("Total Sales")
    .Color(Model.Colors[2]).Opacity(1);
})
.CategoryAxis(axis => axis
    .Categories(Model.SalesCount_Categories[0])
    .MajorGridLines(lines => lines.Visible(false))
    .Labels(label => label.Rotation(270))
)
.ValueAxis(axis => axis
                .Numeric("Value")
                .Min(0)
)
.Tooltip(tooltip => tooltip
    .Visible(true)
     .Template("#= category #: #= value#"))
)

1 个答案:

答案 0 :(得分:0)

我发现给标签留一个边距会使它与图表数据重叠。

    .Labels(label => label.Rotation(270).Margin(15))