private Task <IEnumerable <object> > FetchDataAsync(int drilldownLevel)
{
return(System.Threading.Tasks.Task.Factory.StartNew(() =>
{
IEnumerable <object> data = null;
switch (drilldownLevel)
{
case 0:
data = HierarchicalDataSource.GetGroupedData("Country", _currentValue, "City");
break;
case 1:
data = HierarchicalDataSource.GetGroupedData("City", _currentValue, "Year");
break;
case 2:
data = HierarchicalDataSource.GetGroupedData("Year", _currentValue, "Month");
break;
case 3:
data = HierarchicalDataSource.GetGroupedData("Month", _currentValue, "Day");
break;
default:
break;
}
return data;
}));
}
protected override void SetupChart()
{
treeMap = this.Chart as C1.Win.Chart.TreeMap;
treeMap.Header.Content = "Sales Distribution by Product";
treeMap.Header.Style.Font = StyleInfo.ChartHeaderFont;
treeMap.DataSource = HierarchicalDataSource.GetProducts();
treeMap.Binding = "Orders";
treeMap.BindingName = "Name";
treeMap.ChildItemsPath = "Items";
treeMap.MaxDepth = 0;
treeMap.Legend.Position = Position.None;
treeMap.DataLabel.Content = "{name}";
treeMap.DataLabel.Style.Stroke = Brushes.Black;
treeMap.DataLabel.Position = LabelPosition.Center;
treeMap.ToolTip.Content = "{name} Sales : {value}";
treeMap.SelectionMode = ChartSelectionMode.Point;
treeMap.SelectionStyle.StrokeColor = Color.Black;
treeMap.SelectedItem = (treeMap.DataSource as List <Product>)[0].Items[0];
treeMap.NodeRendering += TreeMap_NodeRendering;
treeMap.Rendered += (s, e) => { index = -1; _selectedGroup.Clear(); };
}
protected override void SetupChart()
{
//Setup FlexChart
_flexChart.Header.Content = "World GDP Ranking";
_flexChart.Header.Style.Font = StyleInfo.ChartHeaderFont;
_flexChart.DataSource = HierarchicalDataSource.GetFlatOrHierarchicalGDPData(true);
_flexChart.BindingX = "Country";
var ser1 = new Series()
{
Binding = "CurrentPrices", Name = "Current Prices"
};
var ser2 = new Series()
{
Binding = "PPPValuation", Name = "PPP Valuation", ChartType = ChartType.LineSymbols
};
_flexChart.Series.Add(ser1);
_flexChart.Series.Add(ser2);
//Setup FlexPie
_flexPie.Header.Content = "Category-wise Total Sales";
_flexPie.Header.Style.Font = StyleInfo.ChartHeaderFont;
_flexPie.DataSource = SalesDataSource.GetSeasonSales(5);
_flexPie.BindingName = "Name";
_flexPie.Binding = "TotalSales";
_flexPie.DataLabel.Content = "{y} : {p:0.0} % of Total";
_flexPie.DataLabel.Position = PieLabelPosition.Center;
_flexPie.DataLabel.Border = true;
}
static void OnReady()
{
var serviceRoot = "http://demos.kendoui.com/service";
var homogeneous = new HierarchicalDataSource(new HierarchicalDataSourceConfiguration
{
transport = new DataSourceTransportConfiguration
{
read = new DataSourceTransportReadConfiguration
{
url = serviceRoot + "/Employees",
dataType = "jsonp"
}
},
schema = new HierarchicalDataSourceSchemaConfiguration
{
model = new HierarchicalDataSourceSchemaModelConfiguration
{
id = "EmployeeId",
hasChildrenString = "HasEmployees"
}
}
});
new jQuery("#treeview").kendoTreeView(new TreeViewConfiguration
{
dataSource = homogeneous.As <JsArray>(),
dataTextField = "FullName"
});
}
protected override void SetupChart()
{
var items = HierarchicalDataSource.GetGroupedData("Country");
manager = new DrillDownManager(items, "Value", "Name");
manager.GroupNames.AddRange(new string[] { "Country", "City", "Year", "Month", "Day" });
manager.BeforeDrill += Manager_BeforeDrill;
manager.AfterDrill += Manager_AfterDrill;
manager.Refresh();
//FlexChart settings
flexChart1.BindingX = "Name";
flexChart1.Binding = "Value";
flexChart1.Series.Add(new Series()
{
Name = "Value"
});
flexChart1.DataSource = manager.CurrentItems.Views;
flexChart1.ToolTip.Content = "X:{x}\nY:{Value}";
flexChart1.DataLabel.Style.Font = new Font("Segoe UI", 9);
flexChart1.DataLabel.Position = C1.Chart.LabelPosition.Top;
flexChart1.DataLabel.Content = "{y}";
flexChart1.AxisY.Format = "#,##0,K";
flexChart1.Header.Style.Font = StyleInfo.ChartHeaderFont;
flexChart1.MouseClick += ChartMouseClick;
}
static void OnReady()
{
var serviceRoot = "http://demos.kendoui.com/service";
var homogeneous = new HierarchicalDataSource(new HierarchicalDataSourceConfiguration
{
transport = new DataSourceTransportConfiguration
{
read = new DataSourceTransportReadConfiguration
{
url = serviceRoot + "/Employees",
dataType = "jsonp"
}
},
schema = new HierarchicalDataSourceSchemaConfiguration
{
model = new HierarchicalDataSourceSchemaModelConfiguration
{
id = "EmployeeId",
hasChildrenString = "HasEmployees"
}
}
});
new jQuery("#treeview").kendoTreeView(new TreeViewConfiguration
{
dataSource = homogeneous.As<JsArray>(),
dataTextField = "FullName"
});
}
protected override void SetupChart()
{
this.flexChart1.Header.Content = "Sales Data";
this.flexChart1.Header.Style.Font = StyleInfo.ChartHeaderFont;
this.flexChart1.DataSource = _data = HierarchicalDataSource.GetHierarchicalDataItems();
this.flexChart1.BindingX = "Key";
this.flexChart1.Binding = "Value";
this.flexChart1.Series.Add(new Series {
Name = "Sales"
});
}
static void OnReady()
{
var inlineDefault = new HierarchicalDataSource(new HierarchicalDataSourceConfiguration
{
data = new JsArray {
new { text = "Furniture", items = new JsArray {
new { text = "Tables & Chairs" },
new { text = "Sofas" },
new { text = "Occasional Furniture" }
} },
new { text = "Decor", items = new JsArray {
new { text = "Bed Linen" },
new { text = "Curtains & Blinds" },
new { text = "Carpets" }
} }
}
});
var inline = new HierarchicalDataSource(new HierarchicalDataSourceConfiguration
{
data = new JsArray {
new { categoryName = "Storage", subCategories = new JsArray {
new { subCategoryName = "Wall Shelving" },
new { subCategoryName = "Floor Shelving" },
new{ subCategoryName = "Kids Storage" }
} },
new { categoryName = "Lights", subCategories = new JsArray {
new { subCategoryName = "Ceiling" },
new { subCategoryName = "Table" },
new { subCategoryName = "Floor" }
} }
},
schema = new HierarchicalDataSourceSchemaConfiguration
{
model = new HierarchicalDataSourceSchemaModelConfiguration
{
children = "subCategories"
}
}
});
new jQuery("#treeview-left").kendoTreeView(new TreeViewConfiguration
{
dataSource = inlineDefault.As <JsArray>()
});
new jQuery("#treeview-right").kendoTreeView(new TreeViewConfiguration
{
dataSource = inline.As <JsArray>(),
dataTextField = new JsArray <JsString> {
"categoryName", "subCategoryName"
}.As <JsString>()
});
}
protected override void SetupChart()
{
var sunburst = this.Chart as C1.Win.Chart.Sunburst;
sunburst.Binding = "Value";
sunburst.BindingName = "Year,Quarter,Month";
sunburst.ChildItemsPath = "Items";
sunburst.DataLabel.Position = PieLabelPosition.Center;
sunburst.DataLabel.Content = "{name}";
sunburst.ToolTip.Content = "In {name} Sales : {value}\nShare : {P:0}%";
sunburst.DataSource = HierarchicalDataSource.GetSunburstData();
sunburst.Header.Content = "Sales over the years";
sunburst.Header.Style.Font = StyleInfo.ChartHeaderFont;
}
static void OnReady()
{
var inlineDefault = new HierarchicalDataSource(new HierarchicalDataSourceConfiguration
{
data = new JsArray {
new { text = "Furniture", items = new JsArray {
new { text = "Tables & Chairs" },
new { text = "Sofas" },
new { text = "Occasional Furniture" }
} },
new { text = "Decor", items = new JsArray {
new { text = "Bed Linen" },
new { text = "Curtains & Blinds" },
new { text = "Carpets" }
} }
}
});
var inline = new HierarchicalDataSource(new HierarchicalDataSourceConfiguration
{
data = new JsArray {
new { categoryName = "Storage", subCategories = new JsArray {
new { subCategoryName = "Wall Shelving" },
new { subCategoryName = "Floor Shelving" },
new{ subCategoryName = "Kids Storage" }
} },
new { categoryName = "Lights", subCategories = new JsArray {
new { subCategoryName = "Ceiling" },
new { subCategoryName = "Table" },
new { subCategoryName = "Floor" }
} }
},
schema = new HierarchicalDataSourceSchemaConfiguration
{
model = new HierarchicalDataSourceSchemaModelConfiguration
{
children = "subCategories"
}
}
});
new jQuery("#treeview-left").kendoTreeView(new TreeViewConfiguration
{
dataSource = inlineDefault.As<JsArray>()
});
new jQuery("#treeview-right").kendoTreeView(new TreeViewConfiguration
{
dataSource = inline.As<JsArray>(),
dataTextField = new JsArray<JsString> { "categoryName", "subCategoryName" }.As<JsString>()
});
}
protected override void SetupChart()
{
var treeMap = this.Chart as C1.Win.Chart.TreeMap;
treeMap.Header.Content = "Sales Distribution by Product";
treeMap.Header.Style.Font = StyleInfo.ChartHeaderFont;
treeMap.Binding = "CurrentSales";
treeMap.BindingName = "Type";
treeMap.ChildItemsPath = "Items";
treeMap.DataSource = HierarchicalDataSource.GetTreeMapData();
treeMap.MaxDepth = 2;
treeMap.DataLabel.Content = "{name}";
treeMap.DataLabel.Position = LabelPosition.Center;
}
protected override void SetupChart()
{
var treeMap = this.Chart as C1.Win.Chart.TreeMap;
treeMap.Header.Content = "Sales Distribution by Product";
treeMap.Header.Style.Font = StyleInfo.ChartHeaderFont;
treeMap.DataSource = HierarchicalDataSource.GetTreeMapData();
treeMap.Binding = "CurrentSales";
treeMap.BindingName = "Type";
treeMap.ChildItemsPath = "Items";
treeMap.MaxDepth = 2;
treeMap.DataLabel.Style.Stroke = Brushes.White;
treeMap.ToolTip.Content = "Current Sales: {CurrentSales:C0}\nPrevious Sales: {PreviousSales:C0}";
treeMap.NodeRendering += _treeMap_NodeRendering;
}
protected override void SetupChart()
{
var sunburst = this.Chart as C1.Win.Chart.Sunburst;
sunburst.Binding = "Value";
sunburst.BindingName = "Year,Quarter,Month";
sunburst.ChildItemsPath = "Items";
sunburst.DataLabel.Position = PieLabelPosition.Center;
sunburst.DataLabel.Content = "{name}";
sunburst.ToolTip.Content = "{name} Sales : {value}\nShare : {P:0}%";
sunburst.DataSource = HierarchicalDataSource.GetSunburstData();
sunburst.SelectionMode = ChartSelectionMode.Point;
sunburst.SelectedItemPosition = Position.Left;
sunburst.SelectedItemOffset = 0.2;
sunburst.SelectedIndex = 0;
sunburst.Header.Content = "Sales over the years";
sunburst.Header.Style.Font = StyleInfo.ChartHeaderFont;
sunburst.Rendered += (s, e) => { _udOffset.Value = (decimal)sunburst.SelectedItemOffset; };
}
protected override void SetupChart()
{
Queue <string> drilldownPath = new Queue <string>();
drilldownPath.Enqueue("Year");
drilldownPath.Enqueue("Country");
var items = HierarchicalDataSource.GetFlatDataItems(500);
manager = new DrillDownManager(items, "Amount", "Year,Country");
manager.BeforeDrill += Manager_BeforeDrill;
manager.AfterDrill += Manager_AfterDrill;
//Triggers the AfterDrill event and update the chart as per the current DrillDownLevel
manager.Refresh();
//FlexChart settings
flexChart1.BindingX = "Name";
flexChart1.Binding = "Value";
flexChart1.Series.Add(new Series()
{
Name = "Value"
});
flexChart1.DataSource = manager.CurrentItems.Views;
flexChart1.DataLabel.Style.Font = new Font("Segoe UI", 9);
flexChart1.DataLabel.Position = C1.Chart.LabelPosition.Top;
flexChart1.DataLabel.Content = "{y:n0}";
flexChart1.ToolTip.Active = false;
flexChart1.Header.Style.Font = StyleInfo.ChartHeaderFont;
flexChart1.MouseClick += ChartMouseClick;
//FlexPie settings
_flexPie.BindingName = "Name";
_flexPie.Binding = "Value";
_flexPie.DataSource = manager.CurrentItems.Views;
_flexPie.DataLabel.Position = PieLabelPosition.Center;
_flexPie.DataLabel.Content = "{name} | {value:n0}";
_flexPie.ToolTip.Content = "{P:0}%";
_flexPie.Header.Style.Font = StyleInfo.ChartHeaderFont;
_flexPie.MouseClick += ChartMouseClick;
}
static void OnReady()
{
// TreeView bound to Categories > Products > OrderDetails
var OrderDetails = new DataSourceConfiguration
{
type = "odata",
transport = new DataSourceTransportConfiguration
{
read = new DataSourceTransportReadConfiguration
{
urlFunc = options => Kendo.format("http://demos.kendoui.com/service/Northwind.svc/Products({0})/Order_Details", options.As<JsObject>()["ProductID"].As<JsNumber>())
}
},
schema = new HierarchicalDataSourceSchemaConfiguration
{
model = new HierarchicalDataSourceSchemaModelConfiguration
{
hasChildrenFunc = () => false
}
}
};
var Products = new HierarchicalDataSourceConfiguration
{
type = "odata",
schema = new HierarchicalDataSourceSchemaConfiguration
{
model = new HierarchicalDataSourceSchemaModelConfiguration
{
id = "ProductID",
hasChildrenString = "Order_Details",
children = OrderDetails
}
},
transport = new DataSourceTransportConfiguration
{
read = new DataSourceTransportReadConfiguration
{
urlFunc = options => Kendo.format("http://demos.kendoui.com/service/Northwind.svc/Categories({0})/Products", options.As<JsObject>()["CategoryID"].As<JsNumber>())
}
}
};
var Categories = new HierarchicalDataSource(new HierarchicalDataSourceConfiguration
{
type = "odata",
transport = new DataSourceTransportConfiguration
{
read = new DataSourceTransportReadConfiguration
{
url = "http://demos.kendoui.com/service/Northwind.svc/Categories"
}
},
schema = new HierarchicalDataSourceSchemaConfiguration
{
model = new HierarchicalDataSourceSchemaModelConfiguration
{
hasChildrenString = "Products",
id = "CategoryID",
children = Products
}
}
});
new jQuery("#treeview").kendoTreeView(new TreeViewConfiguration
{
dataSource = Categories.As<JsArray>(),
dataTextField = new JsArray<JsString> { "CategoryName", "ProductName", "OrderID" }.As<JsString>()
});
}
private void SetHierarchicalData()
{
flexChart1.DataSource = HierarchicalDataSource.GetFlatOrHierarchicalGDPData(false);
flexChart1.AxisX.GroupNames = "Continent";
flexChart1.AxisX.GroupItemsPath = "Items";
}
static void OnReady()
{
// TreeView bound to Categories > Products > OrderDetails
var OrderDetails = new DataSourceConfiguration
{
type = "odata",
transport = new DataSourceTransportConfiguration
{
read = new DataSourceTransportReadConfiguration
{
urlFunc = options => Kendo.format("http://demos.kendoui.com/service/Northwind.svc/Products({0})/Order_Details", options.As <JsObject>()["ProductID"].As <JsNumber>())
}
},
schema = new HierarchicalDataSourceSchemaConfiguration
{
model = new HierarchicalDataSourceSchemaModelConfiguration
{
hasChildrenFunc = () => false
}
}
};
var Products = new HierarchicalDataSourceConfiguration
{
type = "odata",
schema = new HierarchicalDataSourceSchemaConfiguration
{
model = new HierarchicalDataSourceSchemaModelConfiguration
{
id = "ProductID",
hasChildrenString = "Order_Details",
children = OrderDetails
}
},
transport = new DataSourceTransportConfiguration
{
read = new DataSourceTransportReadConfiguration
{
urlFunc = options => Kendo.format("http://demos.kendoui.com/service/Northwind.svc/Categories({0})/Products", options.As <JsObject>()["CategoryID"].As <JsNumber>())
}
}
};
var Categories = new HierarchicalDataSource(new HierarchicalDataSourceConfiguration
{
type = "odata",
transport = new DataSourceTransportConfiguration
{
read = new DataSourceTransportReadConfiguration
{
url = "http://demos.kendoui.com/service/Northwind.svc/Categories"
}
},
schema = new HierarchicalDataSourceSchemaConfiguration
{
model = new HierarchicalDataSourceSchemaModelConfiguration
{
hasChildrenString = "Products",
id = "CategoryID",
children = Products
}
}
});
new jQuery("#treeview").kendoTreeView(new TreeViewConfiguration
{
dataSource = Categories.As <JsArray>(),
dataTextField = new JsArray <JsString> {
"CategoryName", "ProductName", "OrderID"
}.As <JsString>()
});
}
