We have analyzed your query and created sample with respect to your requirement. In the ajax call itself, we can create the series for chart based on the data, initialize the series with empty object and then you can assign the property for series as mentioned in the below code snippet. And also you can populate the InvestmentName to chart as in the code snippet.

ASP.NET MVC:

@(Html.EJ().Chart("container")

//...

.Load("getJsonData")

)

function getJsonData(sender) {

var colors = ["#33FF52", "#C4C24A", "#3342FF", "#69D2E7", "#FF3361"

, "#CEFF33", "#C4C24A", "#3342FF", "#69D2E7", "#E7B0B2"];

$.ajax({

type: "POST",

url: '@Url.Action("chart","Home")',

async: false,

success: function (data) {

for (var i = 0; i < data.length; i++) {

sender.model.series[i] = {};

sender.model.series[i].dataSource = data;

sender.model.series[i].xName = "xvalue";

sender.model.series[i].yName = "yvalue";

sender.model.series[i].fill = colors[i];

//Populating investname to chart

sender.model.series[i].name = data[i].InvestmentName;

}

},

});

}

Screenshot:

For your reference we have attached the sample. Kindly find the sample from below link,