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

Place category labels below ticks instead of gaps

1 Answer 6 Views
Charts
This is a migrated thread and some comments may be shown as answers.
J
Top achievements
Rank 1
J asked on 09 Feb 2021, 08:19 AM

Hello,

I have a graph showing values throughout a day (from midnight to midnight) in quarter-hour periods.

My question is, if there is a tool to display graph in corresponding way - to show the data like they are measured in the corresponding period, not at the ticks, that means to place columns into gaps between ticks and labels onto ticks (so column wouldn't be above label).

Example is attached.

Thanks for response in advance.

Jiri

 

1 Answer, 1 is accepted

Sort by
0
Nikolay
Telerik team
answered on 11 Feb 2021, 07:24 AM

Hello J F,

I suggest setting categoryAxis.labels.margin.left so the labels positioned is moved between the bars and not under them:

  categoryAxis: [{
    labels: {
      margin: {
        left: 100
      }
    },
    categories: ["2011", "2012", "2013", "2014", "2015", "2016", "2017", "2018", "2019", "2020"]
  }],

Here is a small Dojo demo demonstrating this :

Let me know if you have any questions.

Regards,
Nikolay
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Charts
Asked by
J
Top achievements
Rank 1
Answers by
Nikolay
Telerik team
Share this question
or