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

How to create floating bars above the x-axis

3 Answers 43 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Ron
Top achievements
Rank 1
Veteran
Ron asked on 27 Oct 2018, 04:32 AM

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?

3 Answers, 1 is accepted

Sort by
0
Tsvetina
Telerik team
answered on 30 Oct 2018, 12:33 PM
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
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Ron
Top achievements
Rank 1
Veteran
answered on 31 Oct 2018, 08:50 PM
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?
0
Tsvetina
Telerik team
answered on 02 Nov 2018, 12:24 PM
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
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Charts
Asked by
Ron
Top achievements
Rank 1
Veteran
Answers by
Tsvetina
Telerik team
Ron
Top achievements
Rank 1
Veteran
Share this question
or