This is a migrated thread and some comments may be shown as answers.

Position of categoryAxis labels

1 Answer 136 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Morten
Top achievements
Rank 1
Veteran
Morten asked on 22 Oct 2016, 10:51 AM

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
        }
    }
});

 

1 Answer, 1 is accepted

Sort by
0
Dimiter Topalov
Telerik team
answered on 25 Oct 2016, 10:44 AM
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.
Tags
Charts
Asked by
Morten
Top achievements
Rank 1
Veteran
Answers by
Dimiter Topalov
Telerik team
Share this question
or