This repository has been archived by the owner on May 4, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 123
Home
Adil edited this page Jul 31, 2014
·
58 revisions
Keshif only has one main function: kshf.init, and all the configuration is done by modifying the parameters passed to this function.
kshf.init({
domID : "#chart_div4",
categoryTextWidth:186,
source : {
gdocId : '0Ai6LdDWgaqgNdFhuMXh0V1E2Wk5tU19JaDltUWVMVnc',
sheets : [ {name:"Posts"} ]
},
loadedCb: function(){
postCols = kshf.dt_ColNames.Posts;
kshf.cellToArray(kshf.dt.Posts, [postCols.categories], ",", false);
},
facets: [ // 2 facets
{ facetTitle: "Category",
timeTitle: "Date" // displays timeline coupled with category property of "posts"
},{
facetTitle: "Author"
}
],
itemDisplay:{
sortColWidth: 55,
columns : [
{ name: 'Date', value: function(d){ return d.data[postCols.date].getUTCFullYear(); } }
],
textSearch : 'Title',
contentFunc : function(d) {
// return an html string which you can generate from the data parameter, d
return d.data.Name; // We are using the "Name" data of the object.
}
}
});
The interactive demo list (using Keshif browser) is available here.
Demo list is also marked by code simplicity, so you can focus on the simple pieces first and then increase complexity as you want to enable more features.
Mehmet Adil Yalcin - HCIL - University of Maryland, College Park