Asp.net mvc 4 Kendo UI DataViz条形图x轴标签重叠

X轴标签在MVC4条形图中重叠。有什么好办法吗。提前谢谢

@(Html.Kendo().Chart<McAfee.CBRMS.CodeAnalysisReport.BL.Utility.ModuleViewModel>()
        .Name("StaticAnalysisOverAllBarGraph")
        .DataSource(dataSource => dataSource
            .Read(read => read.Action("GetStaticAnalysisOverAllBarGraph", "Home",new { filepath = ViewData["filePath"], jobId = ViewData["jobId"]}))
        )
      .Series(series => {
          series.Column(model => model.CriticalErrors).Name("Critical Errors").Color("DarkRed");

      series.Column(model => model.Errors).Name("Errors").Color("Red");
      series.Column(model => model.CriticalWarning).Name("Critical Warning").Color("Orange");
      series.Column(model => model.Warning).Name("Warnings").Color("Yellow");
    })
     .ValueAxis(axis => axis.Numeric()
        .Labels(labels => labels.Rotation(5)
            .Format("{0}")
        )
    )
    .CategoryAxis(axis => axis
        .Categories(model => model.Name)
        )
        .Tooltip(tooltip => tooltip
        .Visible(true)
        .Format("{0}")
    )
    )

@（Html.Kendo（）.Chart（））
.Name（“静态分析整体条形图”）
.DataSource（DataSource=>DataSource
.Read（Read=>Read.Action（“GetStaticAnalysisOverAllBarGraph”、“Home”、新的{filepath=ViewData[“filepath”]、jobId=ViewData[“jobId”]}））
)
.系列（系列=>{
series.Column（model=>model.CriticalErrors）.Name（“CriticalErrors”）.Color（“DarkRed”）；
series.Column（model=>model.Errors）.Name（“Errors”）.Color（“Red”）；
series.Column（model=>model.CriticalWarning）.Name（“CriticalWarning”）.Color（“橙色”）；
series.Column（model=>model.Warning）.Name（“Warnings”）.Color（“黄色”）；
})
.ValueAxis（axis=>axis.Numeric（）
.Labels（Labels=>Labels.Rotation（5）
.Format（“{0}”）
)
)
.CategoryAxis（轴=>轴
.Categories（model=>model.Name）
)
.工具提示（工具提示=>工具提示
.可见（真实）
.Format（“{0}”）
)
)

试试这个例子

<script>
    function createChart() {
        $("#chart").kendoChart({
            title: {
                text: "Site Visitors Stats /thousands/"
            },
            legend: {
                visible: true
            },
            seriesDefaults: {
                type: "bar"
            },
            series: [{
                name: "Total Visits",
                data: [56000, 63000, 74000, 91000, 117000, 138000]
            }, {
                name: "Unique visitors",
                data: [52000, 34000, 23000, 48000, 67000, 83000]
            }],
            valueAxis: {
                max: 140000,
                line: {
                    visible: false
                },
                minorGridLines: {
                    visible: true
                }
            },
            categoryAxis: {
                labels: {
                    background: "green",
                    color: "white",
                    visible:true
                },
                categories: ["Janasdfasdfasdfasdfsadfasdf", "Febasdfasdfasdfasdfjhkhsadf", "Marasdfasdfasdfasdfasdfasdf", "Apr", "May", "Jun"],
                crosshair: {
                    tooltip: {
                        padding: {
                            right: 20,
                            left: 20
                        },
                        background: "green",
                        visible: true
                    },
                    visible: true
                },
                majorGridLines: {
                    visible: true
                }
            },
            tooltip: {
                visible: true,
                template: "#= series.name #: #= value #"
            }
        });
    }

    $(document).ready(createChart);
</script>

函数createChart（）{
$（“#图表”）。肯多卡特({
标题：{
文本：“网站访问者统计/千人/”
},
图例：{
可见：正确
},
系列默认值：{
类型：“条”
},
系列：[{
名称：“总访问量”，
数据：[56000、63000、74000、91000、117000、138000]
}, {
名称：“独特访客”，
数据：[5200034000023000480006700083000]
}],
valueAxis：{
最多14万，
行：{
可见：假
},
minorGridLines：{
可见：正确
}
},
类别：{
标签：{
背景：“绿色”，
颜色：“白色”，
可见：正确
},
类别：[“Janasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasdfasd，
十字线：{
工具提示：{
填充：{
右:20,，
左：20
},
背景：“绿色”，
可见：正确
},
可见：正确
},
主要生产线：{
可见：正确
}
},
工具提示：{
可见：对，
模板：“#=series.name:#=value”
}
});
}
$（文档）.ready（创建图表）；

Html视图

<div id="chart">
</div>

对标签

工具提示使用
十字线
。我不知道如何断开标签的150个字符，但如果在标签中设置了可见：false，则标签仅显示在工具提示中{
标签：{旋转：-45}

这会有帮助吗？更改度数以防止重叠。您还可以使标签不可见（，可见：false）并提供工具提示，而不是
很抱歉！我的问题尚未解决。X轴标签仍然重叠。X轴标签的长度很大（150个字符）。我只想显示其中的一部分，鼠标悬停时应用程序应该显示整个文本。有可能吗？@srikar gandhi:我只是更新了我的代码。但不知道如何破解标签字符。