[Solved] Position of categoryAxis labels

[Morten]

how do I force position of categoryAxis labels to bottom?

$(".kpi-development-chart", row).kendoChart({
    theme: "bootstrap",
    chartArea: {
        height: 200
    },
    dataSource: {
        data: dev
    },
    title: {
        text: data[i].name
    },
    legend: {
        visible: false
    },
    seriesDefaults: {
        type: "line",
        style: "smooth",
        labels: {
            visible: false,
            background: "transparent"
        }
    },
    series: [{
        field: "data"
    }],
    valueAxis: {
        plotBands: dataTypeRanges,
        visible: false
    },
    categoryAxis: {
        field: "date",
        type: "date",
        labels: {
            mirror: true
        }
    }
});

 

[Dimiter Topalov]

Hi Morten,

The default position of the category axis labels is below the corresponding item. When the categoryAxis.labels.mirror option is set, the labels are instead rendered above the axis line:

http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-categoryAxis.labels.mirror

If removing the described option does not yield the expected results, can you please describe the desired layout of the Chart, and the categoryAxis labels in further details, and also send us an isolated runnable project, similar to the one from the following dojo:

http://dojo.telerik.com/iLAWEb

... so we can provide a more to-the-point suggestion, if one is available and supported? Thank you in advance.

Regards,
Dimiter Topalov
Telerik by Progress