DataSource and two or many bars

[Stim24]

How create chart with 2 or 3 bars from DataSource

series.Bar(model => model.Sum).Name(""); // One Bar

series.Bar(model => model.Sum).Name(""); //  Need new data????

 

@(Html.Kendo().Chart<CoreDiag.Models.CKassaLine>(Model)
            .Name("Name1") // The name of the Chart is mandatory. It specifies the "id" attribute of the widget.
            .Title("Name1")
            .Series(series =>
            {
                series.Bar(model => model.Sum).Name("");
            })
            .CategoryAxis(axis => axis
                .Categories(model => model.Period)
            )

  )

[Nikolay]

Hi Tim,

For remote data binding, you need to specify a remote endpoint or web service returning data in JSON/JSONP format and utilize the DataSource as a mediator between the chart and the underlying data.

First, within the DataSource property, you need to point the action method that the Chart will read data items from. And then within Series, you need to clarify which property to be used for the configuration of the chart series.

E.g.

.DataSource(ds => ds.Read(read => read.Action("_SpainElectricityProduction", "Bar_Charts")))
        .Series(series => {
            series.Column(model => model.Nuclear).Name("Nuclear").CategoryField("Year");
            series.Column(model => model.Hydro).Name("Hydro").CategoryField("Year");
            series.Column(model => model.Wind).Name("Wind").CategoryField("Year");
        })

Keep in mind that specifying a Name as "" will render a tooltip of undefined.

Please review the below Chart demo for full implementation of the above approach:

• https://demos.telerik.com/aspnet-core/bar-charts/remote-data-binding

If there is anything else, we could help with, please contact us back.

Regards,
Nikolay
Progress Telerik