Position of categoryAxis labels

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

    Posted 22 Oct 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
    Admin
    Dimiter Topalov avatar
    348 posts

    Posted 25 Oct 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:

    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
    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.
  3. Kendo UI is VS 2017 Ready
Back to Top