Place category labels below ticks instead of gaps

[J]

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

 

[Nikolay]

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 :

• https://dojo.telerik.com/AKIbIGic

Let me know if you have any questions.

Regards,
Nikolay
Progress Telerik