How to create floating bars above the x-axis

[Ron]

Hi,

 

Trying to implement a design for a bar chart where all the values are positive, we want the bars to "float" above the x-axis, think of it as a way to have a fixed margin between the x-axis and the bar bottom (value = 0)  (assume that the x-axis shows up at -10 instead of 0 - but we do not want the bars to extend all the way to the x-axis

 

Any ideas how to implement this?

[Tsvetina]

Hi Ron,

Your description sounds like you need to use the Range Bar series. You can see their demos at the following location:
Range Bar Charts Demos

Let me know if you have questions about this series type usage and configuration. If you meant something else with your description, please consider sending us an image of the Chart look that you are trying to achieve.

Regards,
Tsvetina
Progress Telerik

[Ron]

Thanks, but we do not need range bar. We need something much simpler. We need kendo column chart just like: https://demos.telerik.com/kendo-ui/bar-charts/column
But instead of having the x axis where y=0 we want it to cross the y axis on y=-10. This way it looks as if the columns ‘hover’ over the x axis. Can you advise how we achieve this?

[Tsvetina]

Hi Ron,

With regular Column series, the column is always drawn from the category axis line. The example you linked to can be modified to use two category axes—one to serve as a base for the columns and one to show the line and labels at the bottom:
https://dojo.telerik.com/iwiPOzag

The base axis can be moved from the 0 to another position but then columns will start from the other position, be it a positive or negative value:
https://dojo.telerik.com/aHanabUM

This being said, the only way to have columns starting from a value of your choice, which is not the point where the category axis crosses the value axis, is to use "rangeColumn" series.

Regards,
Tsvetina
Progress Telerik