Position of categoryAxis labels

2 posts, 0 answers
  1. Morten
    Morten avatar
    304 posts
    Member since:
    Jul 2012

    Posted 22 Oct 2016 Link to this post

    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


  2. Dimiter Topalov
    Dimiter Topalov avatar
    635 posts

    Posted 25 Oct 2016 Link to this post

    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:


    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:


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

    Dimiter Topalov
    Telerik by Progress
    Build rich, delightful, *native* Angular 2 apps with Kendo UI for Angular 2. Try it out today! Kendo UI for Angular 2 (currently in beta) is a jQuery-free toolset, written in TypeScript, designed from the ground up to offer true, native Angular 2 components.
Back to Top