Пример #1
0
        // GET: /<controller>/
        public ActionResult CellMapping()
        {
            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;
            ViewBag.itemsource        = GetCellSource();
            ViewBag.itemsmapping      = CellMapping;
            List <string> collection = new List <string>();

            collection.Add("heatmapLegend");
            ViewBag.legendcollection = collection;
            return(View());
        }
Пример #2
0
        public void CreateHeatmap()
        {
            heatmap.LegendCollection.Add("heatmapLegend");
            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;
        }
Пример #3
0
        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());
        }