Make Columns fat when few used in MVC

[Ian]

When my column chart is rendered with a few data points, they look thin and widely spaced apart. Have a look at the Current_state.png. I want it to look like the desired_state.png 

Here's my existing chart:

Html.Kendo().Chart<AccountPerformance>(Model.Results)
    .Name("chartPCT")
    .Title("% Return")
    .Legend(legend => legend.Visible(false))
    .Series(series =>
            series.Column(model => model.Metrics.Return)
                  .Name(Model.ColumnTitle)
                  .Labels(false)
    )
    .ValueAxis(axis => axis
        .Numeric()
        .Labels(labels => labels.Format("{0}%")))
    .CategoryAxis(axis => axis
                              .Date()
                              .MajorGridLines(builder => builder.Visible(false))
                              .Categories(model => model.Observation)
                              .Labels(labels => labels.Format("MMM")))
     .SeriesDefaults(builder => builder.Column().NegativeColor("#BE2D55").Color("#C0BD7F"))
     .Tooltip(tooltip => tooltip
          .Visible(true)
          .Color("white")
          .Background("black")
          .Format("{0:P2}")
          .Template("#= value #")
    )

    .Render();

[Iliana Dyankova]

Hello Ian,

The bars' width depends on the gap / spacing. Hence in order to achieve the desired result you should adjust the aforementioned properties. For working example take a look at this online demo. 

Regards,
Iliana Nikolova
Telerik