Partial View :
var dataa;
$.ajax({
url: ServerUrl + '/Dashboard/GetData',
type: 'POST',
cache: false,
dataType: 'text',
async: true,
error: function (xhr) {
//alert('Error: ' + xhr.statusText);
},
success: function (result) {
debugger;
dataa = result;
var chart = c3.generate({
data: {
type: 'bar',
json: [
dataa
],
keys: {
x: 'indicator',
value: ['total']
}
},
axis: {
x: {
type: 'category'
}
},
bar: {
width: {
ratio: 0.5
}
}
});
}
});
Controller Json code
public string GetData()
{
return "{ 'indicator': 'X', 'total': 100 },{ 'indicator': 'Y', 'total': 200 },{ 'indicator': 'Z', 'total': 300 }";
}
When i use the above code it doesn't work but if I pass json data as specified in this JS Fiddle link, it works. Am I passing the JSON data incorrectly from controller.?
Please help.
[{indicator: 'X", total: 100}, {...}]
. You would be better off creating a collection of objects with propertiesindicator
andtotal
and thenreturn Json(myCollection);
so its valid.public JsonResult GetData() return Json(....)
}` to return valid json data. Also you ajax option needs to bedataType: 'json',
(not 'text')