Kendo Bar/Column Chart Series Name Remote Data

[Rob]

I'm trying to get a chart to bind the series from a WebAPI call.  The data is coming back in the following json format.  Each object in the return should create one bar/column on the chart with the "Name" being the corresponding label/categoryAxis value.

Thoughts?

[{"Name":"Site1","Count":4,"Color":"#02bc84"},{"Name":"Site2","Count":3,"Color":"#f08080"}]

[Holger]

Hello Rob,

Please try this one: http://dojo.telerik.com/@Holger/EQuB

Regards,
Holger

[Rob]

Thanks Holger!  That is what I'm looking for!  Is it possible to do this using the Fluent or MVC HTMLHelper as well?

[Holger]

Hello Rob,

I'm pretty sure it will be possible, but since I'm not using the ASP.NET MVC version of Kendo UI I cannot help you in this regard.

Regards,
Holger

[T. Tsonev]

Hi,

The MVC version of the sample provided by Holger will look similar to this:
@(Html.Kendo().Chart<MyModel>()
    .DataSource(ds => ds.Read(read => read.Action("Read", "Data")))
    .Series(series => { series
        .Column(
            model => model.Count,
            colorExpression: model => model.Color)
        .Name("Count");
    })
    .CategoryAxis(axis => axis
        .Categories(model => model.Name)
    )
)

You can check out the remote data binding demo as well.

I hope this helps.

Regards,
T. Tsonev
Telerik