KendoUI Tester - Chart label rotation

by rodneyhickman

HTML

<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.datavis.min.css">
<div id="divChart" style="width:858px" ></div>

JavaScript

jQuery('#divChart').kendoChart({
    seriesDefaults: {
        type: "line",
        missingValues: "interpolate"
    },
    plotArea: {
        margin: {
            top: 20,
            left: 5,
            right: 5,
            bottom: 5
        }
    },
    legend: {
        position: "bottom"
    },
    valueAxis: [{
        title: {
            text: "Score"
        },
        min: 70,
        max: 90},
    {
        name: "hidden",
        visible: false,
        min: 70,
        max: 90},
    {
        name: "ProductSurveys",
        min: 95,
        max: 110,
        title: {
            text: "Survey Count"
        },
        color: "#4c4c4c"}],
    series: [{
        type: "line",
        name: "Epic EpicCare Ambulatory EMR",
        color: "#004990",
        width: 1,
        markers: {
            background: "#004990"
        },
        tooltip: {
            visible: true,
            template: "<b>Epic EpicCare Ambulatory EMR</b><br/>Current Score: #= value #<br/>#= category # "
        },
        labels: {
            visible: true
        },
        data: [88.87, 88.91, 89.39, 89.44, 89.47, 89.39, 89.38, 89.25, 88.81, 88.9, 88.84, 88.79, 88.44]},
    {
        type: "line",
        name: " Ambulatory EMR",
        color: "#da7633",
        width: 1,
        markers: {
            background: "#da7633"
        },
        tooltip: {
            visible: true,
            template: "<b> Ambulatory EMR</b><br/>Current Score: #= value #<br/>#= category # "
        },
        data: [75.58, 75.54, 75.19, 74.9, 74.42, 74.51, 74.72, 74.55, 74.44, 74.15, 73.86, 73.79, 73.61]},
    {
        type: "column",
        tooltip: {
            visible: true,
            template: "Survey Count = #= value #"
        },
        data: [98, 102, 106, 105, 104, 100, 105, 107, 106, 104, 104, 103, 97],
        name: "Survey Count",
        color: "#e9eafe",
        axis: "ProductSurveys"}],
    categoryAxis: {
        labels: {
            rotation: -45,
           ...