// // GET: /ShapesGallery/ public ActionResult TableDataBinding() { HeatMapProperties Heatmap = new HeatMapProperties(); List <HeatMapColorMapping> colorCollection = new List <HeatMapColorMapping>(); colorCollection.Add(new HeatMapColorMapping() { Color = "#8ec8f8", Label = new HeatMapLabel() { Text = "0" }, Value = 0 }); colorCollection.Add(new HeatMapColorMapping() { Color = "#0d47a1", Label = new HeatMapLabel() { Text = "100" }, Value = 100 }); Heatmap.ColorMappingCollection = colorCollection; Heatmap.LegendCollection.Add("heatmapLegend"); TableMapping TableMapping = new TableMapping(); TableMapping.HeaderMapping = new HeaderMapping() { PropertyName = "ProductName", DisplayName = "Product Name", ColumnStyle = new ColumnStyle() { Width = 140, TextAlign = HeatMapTextAlign.Right } }; TableMapping.ColumnMapping.Add(new HeaderMapping() { PropertyName = "Y2010", DisplayName = "Y2010" }); TableMapping.ColumnMapping.Add(new HeaderMapping() { PropertyName = "Y2011", DisplayName = "Y2011" }); TableMapping.ColumnMapping.Add(new HeaderMapping() { PropertyName = "Y2012", DisplayName = "Y2012" }); TableMapping.ColumnMapping.Add(new HeaderMapping() { PropertyName = "Y2013", DisplayName = "Y2013" }); TableMapping.ColumnMapping.Add(new HeaderMapping() { PropertyName = "Y2014", DisplayName = "Y2014" }); TableMapping.ColumnMapping.Add(new HeaderMapping() { PropertyName = "Y2015", DisplayName = "Y2015" }); Heatmap.ItemsMapping = TableMapping; Heatmap.IsResponsive = true; Heatmap.ItemsSource = GetTableSource(); Heatmap.Width = "100%"; ViewData["HeatMapModel"] = Heatmap; HeatMapLegendProperties legend = new HeatMapLegendProperties(); legend.ColorMappingCollection = colorCollection; legend.Orientation = HeatMapLegendOrientation.Horizontal; legend.LegendMode = HeatMapLegendMode.Gradient; legend.Height = "50px"; legend.Width = "75%"; legend.IsResponsive = true; ViewData["HeatMapLegendModel"] = legend; return(View()); }
// // GET: /ShapesGallery/ public ActionResult Legend() { HeatMapProperties Heatmap = new HeatMapProperties(); List <HeatMapColorMapping> colorCollection = new List <HeatMapColorMapping>(); colorCollection.Add(new HeatMapColorMapping() { Color = "#fe0002", Label = new HeatMapLabel() { Text = "Poor" }, Value = 0 }); colorCollection.Add(new HeatMapColorMapping() { Color = "#ffff01", Label = new HeatMapLabel() { Text = "Average" }, Value = 3 }); colorCollection.Add(new HeatMapColorMapping() { Color = "#13ab11", Label = new HeatMapLabel() { Text = "Good" }, Value = 6 }); colorCollection.Add(new HeatMapColorMapping() { Color = "#005ba2", Label = new HeatMapLabel() { Text = "Excellent" }, Value = 10 }); Heatmap.ColorMappingCollection = colorCollection; Heatmap.IsResponsive = true; Heatmap.LegendCollection.Add("heatmapLegend"); TableMapping TableMapping = new TableMapping(); TableMapping.HeaderMapping = new HeaderMapping() { PropertyName = "EmpName", DisplayName = "Employee Name", ColumnStyle = new ColumnStyle() { Width = 100, TextAlign = HeatMapTextAlign.Right } }; TableMapping.ColumnMapping.Add(new HeaderMapping() { PropertyName = "January", DisplayName = "January" }); TableMapping.ColumnMapping.Add(new HeaderMapping() { PropertyName = "February", DisplayName = "February" }); TableMapping.ColumnMapping.Add(new HeaderMapping() { PropertyName = "March", DisplayName = "March" }); TableMapping.ColumnMapping.Add(new HeaderMapping() { PropertyName = "April", DisplayName = "April" }); TableMapping.ColumnMapping.Add(new HeaderMapping() { PropertyName = "May", DisplayName = "May" }); TableMapping.ColumnMapping.Add(new HeaderMapping() { PropertyName = "June", DisplayName = "June" }); TableMapping.ColumnMapping.Add(new HeaderMapping() { PropertyName = "July", DisplayName = "July" }); TableMapping.ColumnMapping.Add(new HeaderMapping() { PropertyName = "August", DisplayName = "August" }); TableMapping.ColumnMapping.Add(new HeaderMapping() { PropertyName = "September", DisplayName = "September" }); TableMapping.ColumnMapping.Add(new HeaderMapping() { PropertyName = "October", DisplayName = "October" }); TableMapping.ColumnMapping.Add(new HeaderMapping() { PropertyName = "November", DisplayName = "November" }); TableMapping.ColumnMapping.Add(new HeaderMapping() { PropertyName = "December", DisplayName = "December" }); Heatmap.ItemsMapping = TableMapping; //Heatmap.Height = "auto"; Heatmap.Width = "100%"; Heatmap.ItemsSource = GetLegendSource(); ViewData["HeatMapModel"] = Heatmap; HeatMapLegendProperties legend = new HeatMapLegendProperties(); legend.ColorMappingCollection = colorCollection; legend.Orientation = HeatMapLegendOrientation.Horizontal; legend.LegendMode = HeatMapLegendMode.Gradient; legend.Height = "50px"; legend.Width = "75%"; legend.IsResponsive = true; ViewData["HeatMapLegendModel"] = legend; return(View()); }
public ActionResult HeatMapFeatures() { HeatMapProperties Heatmap = new HeatMapProperties(); List <HeatMapColorMapping> colorCollection = new List <HeatMapColorMapping>(); colorCollection.Add(new HeatMapColorMapping() { Color = "#0080FF", Label = new HeatMapLabel() { Text = "0" }, Value = 0 }); colorCollection.Add(new HeatMapColorMapping() { Color = "#8181F7", Label = new HeatMapLabel() { Text = "10" }, Value = 10 }); colorCollection.Add(new HeatMapColorMapping() { Color = "#81DAF5", Label = new HeatMapLabel() { Text = "20" }, Value = 20 }); colorCollection.Add(new HeatMapColorMapping() { Color = "#81F7BE", Label = new HeatMapLabel() { Text = "30" }, Value = 30 }); colorCollection.Add(new HeatMapColorMapping() { Color = "#81F781", Label = new HeatMapLabel() { Text = "40" }, Value = 40 }); colorCollection.Add(new HeatMapColorMapping() { Color = "#BEF781", Label = new HeatMapLabel() { Text = "50" }, Value = 50 }); colorCollection.Add(new HeatMapColorMapping() { Color = "#F3F781", Label = new HeatMapLabel() { Text = "60" }, Value = 60 }); colorCollection.Add(new HeatMapColorMapping() { Color = "#F7BE81", Label = new HeatMapLabel() { Text = "70" }, Value = 70 }); colorCollection.Add(new HeatMapColorMapping() { Color = "#F78181", Label = new HeatMapLabel() { Text = "80" }, Value = 80 }); colorCollection.Add(new HeatMapColorMapping() { Color = "#FE642E", Label = new HeatMapLabel() { Text = "90" }, Value = 90 }); colorCollection.Add(new HeatMapColorMapping() { Color = "#2EFE2E", Label = new HeatMapLabel() { Text = "100" }, Value = 100 }); Heatmap.ColorMappingCollection = colorCollection; Heatmap.IsResponsive = false; Heatmap.LegendCollection.Add("heatmapLegend"); Heatmap.HeatMapCell.ShowColor = true; Heatmap.HeatMapCell.ShowContent = HeatMapCellVisibility.Visible; Heatmap.Width = "auto"; Heatmap.Height = "auto"; CellMapping CellMapping = new CellMapping(); CellMapping.Column = new PropertyMapping() { PropertyName = "ProductName", DisplayName = "Product Name" }; CellMapping.Row = new PropertyMapping() { PropertyName = "Year", DisplayName = "Year" }; CellMapping.Value = new PropertyMapping() { PropertyName = "Value" }; Collection columnMapping = new Collection(); columnMapping.Add(new HeaderMapping() { PropertyName = "Vegie-spread", DisplayName = "Vegie-spread", ColumnStyle = new ColumnStyle() { TextAlign = HeatMapTextAlign.Left, Width = 200 } }); columnMapping.Add(new HeaderMapping() { PropertyName = "Tofuaa", DisplayName = "Vegie-spread", ColumnStyle = new ColumnStyle() { TextAlign = HeatMapTextAlign.Left, Width = 200 } }); columnMapping.Add(new HeaderMapping() { PropertyName = "Alice Mutton", DisplayName = "Vegie-spread", ColumnStyle = new ColumnStyle() { TextAlign = HeatMapTextAlign.Left, Width = 200 } }); columnMapping.Add(new HeaderMapping() { PropertyName = "Konbu", DisplayName = "Vegie-spread", ColumnStyle = new ColumnStyle() { TextAlign = HeatMapTextAlign.Left, Width = 200 } }); columnMapping.Add(new HeaderMapping() { PropertyName = "Fløtemysost", DisplayName = "Vegie-spread", ColumnStyle = new ColumnStyle() { TextAlign = HeatMapTextAlign.Left, Width = 200 } }); columnMapping.Add(new HeaderMapping() { PropertyName = "Perth Pasties", DisplayName = "Vegie-spread", ColumnStyle = new ColumnStyle() { TextAlign = HeatMapTextAlign.Left, Width = 200 } }); CellMapping.ColumnMapping = columnMapping; HeaderMapping headerMapping = new HeaderMapping() { PropertyName = "Year", DisplayName = "Year", ColumnStyle = new ColumnStyle() { TextAlign = HeatMapTextAlign.Left, Width = 200 } }; CellMapping.HeaderMapping = headerMapping; Heatmap.ItemsSource = GetRowSource(); Heatmap.ItemsMapping = CellMapping; ViewData["heatmapModel"] = Heatmap; HeatMapLegendProperties legend = new HeatMapLegendProperties(); legend.ColorMappingCollection = colorCollection; legend.Orientation = HeatMapLegendOrientation.Horizontal; legend.LegendMode = Syncfusion.JavaScript.DataVisualization.HeatMapEnums.HeatMapLegendMode.Gradient; legend.Height = "50px"; legend.Width = "100%"; ViewData["heatmapLegendModel"] = legend; return(View()); }
// // GET: /ShapesGallery/ public ActionResult Default() { HeatMapProperties Heatmap = new HeatMapProperties(); List <HeatMapColorMapping> colorCollection = new List <HeatMapColorMapping>(); colorCollection.Add(new HeatMapColorMapping() { Color = "#8ec8f8", Label = new HeatMapLabel() { Text = "0" }, Value = 0 }); colorCollection.Add(new HeatMapColorMapping() { Color = "#0d47a1", Label = new HeatMapLabel() { Text = "100" }, Value = 100 }); Heatmap.ColorMappingCollection = colorCollection; Heatmap.LegendCollection.Add("heatmapLegend"); Heatmap.Width = "100%"; //Heatmap.Height = "auto"; CellMapping CellMapping = new CellMapping(); CellMapping.Column = new PropertyMapping() { PropertyName = "ProductName", DisplayName = "Product Name" }; CellMapping.Row = new PropertyMapping() { PropertyName = "Year", DisplayName = "Year" }; CellMapping.Value = new PropertyMapping() { PropertyName = "Value" }; Collection columnMapping = new Collection(); columnMapping.Add(new HeaderMapping() { PropertyName = "Vegie-spread", DisplayName = "Vegie-spread" }); columnMapping.Add(new HeaderMapping() { PropertyName = "Tofuaa", DisplayName = "Tofuaa" }); columnMapping.Add(new HeaderMapping() { PropertyName = "Alice Mutton", DisplayName = "Alice Mutton" }); columnMapping.Add(new HeaderMapping() { PropertyName = "Konbu", DisplayName = "Konbu" }); columnMapping.Add(new HeaderMapping() { PropertyName = "Fløtemysost", DisplayName = "Fløtemysost" }); columnMapping.Add(new HeaderMapping() { PropertyName = "Perth Pasties", DisplayName = "Perth Pasties" }); CellMapping.ColumnMapping = columnMapping; HeaderMapping headerMapping = new HeaderMapping() { PropertyName = "Year", DisplayName = "Year", ColumnStyle = new ColumnStyle() { Width = 105, TextAlign = HeatMapTextAlign.Right } }; CellMapping.HeaderMapping = headerMapping; Heatmap.ItemsSource = GetCellSource(); Heatmap.ItemsMapping = CellMapping; Heatmap.IsResponsive = true; ViewData["HeatMapModel"] = Heatmap; HeatMapLegendProperties legend = new HeatMapLegendProperties(); legend.ColorMappingCollection = colorCollection; legend.Orientation = HeatMapLegendOrientation.Horizontal; legend.LegendMode = Syncfusion.JavaScript.DataVisualization.HeatMapEnums.HeatMapLegendMode.Gradient; legend.Height = "50px"; legend.Width = "75%"; legend.IsResponsive = true; ViewData["HeatMapLegendModel"] = legend; return(View()); }