Justify Kendo Bar Chart

[asyrafuddin]

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  categoryAxis: [{
    justified: true,
    categories: ["2012", "2013"]
  }],
  series: [
    { type: "line", data: [1, 2, 3] },
    { type: "bar", data: [1, 2, 3] }
  ]
});
</script>

 

What I'm trying to do here is I want to justify both line and bar chart so that there is no space in the beginning and also at the end. But I cannot use justify since categoryAxis.justified is only works with line chart. Is there any other option I can use to that both line and bar chart can justify.

[Tsvetomir]

Hi,

It is correct that the justified option would be applied only to the line chart series. It will not occur for the bar and column chart types. The default position of the bars is in the center and there is no option out-of-the-box for cutting out the space only between the first and last series. 

What I can recommend as an alternative would be for you to evaluate the following configuration option:

https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/configuration/series.gap

 

Regards,
Tsvetomir
Progress Telerik

[asyrafuddin]

Thanks for reply, gap indeed can remove the space but it also effect the width of the bar. Set gap to 0 will remove the space but the bar will be too wide.

[Tsvetomir]

Hi,

It is correct that clearing the gap in front of the bar would affect the width of the grid. At present, there is no other option that could be undertaken to reduce the empty space.

 

Kind regards,
Tsvetomir
Progress Telerik