[英]php json output to chartkick linechart format
我有一個通過ajax調用傳入js的php json響應,並且json響應如下
{
"success":true,
"dataset":[{"COUNTITEMS":41,"VIEW_DATE":"2015-10-27 00:00:00 -2359"},
{"COUNTITEMS":68,"VIEW_DATE":"2015-10-28 00:00:00 -2359"},
{"COUNTITEMS":63,"VIEW_DATE":"2015-10-29 00:00:00 -2359"},
{"COUNTITEMS":327,"VIEW_DATE":"2015-10-30 00:00:00 -2359"},
{"COUNTITEMS":46,"VIEW_DATE":"2015-10-31 00:00:00 -2359"}]
}
chartkick.js需要以下格式。 在我的js文件中,如果我進行硬編碼,這就是它的工作方式。
var view_dates = {
"2015-10-27 00:00:00 -2359":41,
"2015-10-28 00:00:00 -2359":68,
"2015-10-29 00:00:00 -2359":63,
"2015-10-30 00:00:00 -2359":327,
"2015-10-31 00:00:00 -2359":46
};
new Chartkick.LineChart("chart-1", view_dates);
我無法解析json響應,以了解圖表踢的要求。 我怎樣才能做到這一點?
工作演示 (您必須通過inspect元素在console =>中查看結果)
您可以使用任何值為json對象分配和啟動任何新屬性;
var newObject = {};
newObject[propertyNameOfYourChoice_Means_NewName] = propertyValue;
這是解決您的問題的方法。 現在您可以看到其實施方式
var g = {
"success":true,
"dataset":[{"COUNTITEMS":41,"VIEW_DATE":"2015-10-27 00:00:00 -2359"},
{"COUNTITEMS":68,"VIEW_DATE":"2015-10-28 00:00:00 -2359"},
{"COUNTITEMS":63,"VIEW_DATE":"2015-10-29 00:00:00 -2359"},
{"COUNTITEMS":327,"VIEW_DATE":"2015-10-30 00:00:00 -2359"},
{"COUNTITEMS":46,"VIEW_DATE":"2015-10-31 00:00:00 -2359"}]
};
parseJSONForChartkick(g);
function parseJSONForChartkick(oldObject)
{
var newObject = {};
var propertyName;
var propertyValue;
var ar = oldObject.dataset;
for(i=0;i<ar.length;i++)
{
propertyName = ar[i].VIEW_DATE; //You might need not following
propertyName = '"'+ar[i].VIEW_DATE+'"'; //Use This or above line
propertyValue = ar[i].COUNTITEMS;
newObject[propertyName] = propertyValue;
}
console.log(newObject);
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.