public Hierarchical() { Title = "Hierarchical"; tree = new SfTreeMap(); tree.WeightValuePath = "Sales"; this.BackgroundColor = Device.OnPlatform(iOS: Color.White, Android: Color.White, WinPhone: Color.Black); DesaturationColorMapping desat = new DesaturationColorMapping(); desat.Color = Color.FromHex("#41B8C4"); desat.From = 1; desat.To = 0.2; tree.ColorValuePath = "Expense"; tree.LeafItemColorMapping = desat; TreeMapHierarchicalLevel level = new TreeMapHierarchicalLevel() { ChildPadding = 4, HeaderStyle = new Syncfusion.SfTreeMap.XForms.Style() { Color = Device.OnPlatform(iOS: Color.Gray, Android: Color.Gray, WinPhone: Color.White) }, ShowHeader = true, HeaderHeight = 20, HeaderPath = "Name", ChildPath = "RegionalSales" }; level.ChildBackground = Device.OnPlatform(iOS: Color.White, Android: Color.White, WinPhone: Color.Black); tree.Levels.Add(level); tree.LeafItemSettings.LabelPath = "Name"; tree.DataSource = new CountrySalesCollection(); //double labelHeight = Device.OnPlatform(iOS: 20, Android: 25, WinPhone: 35); this.ContentView = tree; this.ContentView.BackgroundColor = Color.White; }
public override View GetSampleContent(Context context) { var margin = context.Resources.DisplayMetrics.Density * 20; tree = new SfTreeMap(context); tree.WeightValuePath = "Sales"; currentToast = new Toast(context); DesaturationColorMapping desat = new DesaturationColorMapping(); desat.Color = Color.ParseColor("#41B8C4"); desat.From = 1; desat.To = 0.2; tree.ColorValuePath = "Expense"; tree.LeafItemColorMapping = desat; tree.HighlightOnSelection = true; tree.SelectionMode = SelectionMode.Single; TreeMapHierarchicalLevel level = new TreeMapHierarchicalLevel() { ChildPadding = 4, ShowHeader = true, HeaderHeight = 20, HeaderPath = "Name", ChildStrokeColor = Color.Gray, ChildStrokeWidth = 1, ChildPath = "RegionalSales" }; level.HeaderStyle = new Style() { TextColor = Color.Gray, TextSize = 16 }; level.ChildBackgroundColor = Color.White; tree.Levels.Add(level); tree.LeafItemSettings = new LeafItemSetting() { ShowLabels = true, Gap = 5, StrokeColor = Color.White, StrokeWidth = 2 }; tree.LeafItemSettings.LabelStyle = new Style() { Margin = new Margin(margin / 2, margin, 0, 0), TextSize = 18, TextColor = Color.White }; tree.LeafItemSettings.LabelPath = "Name"; tree.DataSource = GetDataSource(); //tree.TreeMapSelected += (object sender, SfTreeMap.TreeMapSelectedEventArgs e) => //{ // JSONObject data = (JSONObject)e.P0; // if (data != null) // { // if (currentToast != null) // { // currentToast.Cancel(); // } // currentToast = Toast.MakeText(context,"Country -"+ data.Get("Name") + "\n" + "Sales -$"+ data.Get("Sales"), ToastLength.Short); currentToast.Show(); // } //}; return(tree); }
public TreeMapGettingStarted() { InitializeComponent(); baritem = new ToolbarItem(); this.BindingContext = this; this.TreeMap.LegendSettings.Size = new Size(300, 70); ObservableCollection <Range> ranges = new ObservableCollection <Range>(); ranges.Add(new Range() { LegendLabel = "1 % Growth", From = 0, To = 1, Color = Color.FromHex("#77D8D8") }); ranges.Add(new Range() { LegendLabel = "2 % Growth", From = 0, To = 2, Color = Color.FromHex("#AED960") }); ranges.Add(new Range() { LegendLabel = "3 % Growth", From = 0, To = 3, Color = Color.FromHex("#FFAF51") }); ranges.Add(new Range() { LegendLabel = "4 % Growth", From = 0, To = 4, Color = Color.FromHex("#F3D240") }); this.TreeMap.LeafItemColorMapping = rangeMapping = new RangeColorMapping() { Ranges = ranges }; treeMapColorMapping = rangeMapping; desaturationMapping = new DesaturationColorMapping() { From = 1, To = 0.2, Color = Color.FromHex("#02AEDC") }; this.TreeMap.DataSource = new PopulationViewModel().PopulationDetails; uniMapping = new UniColorMapping() { Color = Color.FromHex("#D21243") }; paletteMapping = new PaletteColorMapping(); paletteMapping.Colors.Add(Color.FromHex("#BD8EC2")); paletteMapping.Colors.Add(Color.FromHex("#FFD34E")); paletteMapping.Colors.Add(Color.FromHex("#55B949")); paletteMapping.Colors.Add(Color.FromHex("#00B2DA")); paletteMapping.Colors.Add(Color.FromHex("#744A94")); paletteMapping.Colors.Add(Color.FromHex("#A1A616")); paletteMapping.Colors.Add(Color.FromHex("#0753A1")); DrawOptionsPage(); baritem.Clicked += buttonClicked; this.PropertyView = GetOptionPage(); toggleButton.Value = groupPadding; }
public GettingStarted() { baritem = new ToolbarItem(); tree = new SfTreeMap(); Title = "GettingStarted"; this.BackgroundColor = Device.OnPlatform(iOS: Color.White, Android: Color.White, WinPhone: Color.Black); tree.WeightValuePath = "Population"; tree.ColorValuePath = "Growth"; tree.LeafItemSettings = new LeafItemSettings(); tree.LeafItemSettings.BorderColor = Device.OnPlatform(iOS: Color.Gray, Android: Color.White, WinPhone: IsDarkTheme ? Color.White : Color.Gray); tree.LeafItemSettings.BorderWidth = Device.OnPlatform(iOS: 1, Android: 2, WinPhone: 2); tree.LeafItemSettings.Gap = Device.OnPlatform(iOS: 1, Android: 5, WinPhone: 3); tree.LeafItemSettings.LabelStyle = new Syncfusion.SfTreeMap.XForms.Style() { Font = Font.SystemFontOfSize(18), Color = Color.White }; tree.LeafItemSettings.LabelPath = "Country"; ObservableCollection <Range> ranges = new ObservableCollection <Range>(); ranges.Add(new Range() { LegendLabel = "1 % Growth", From = 0, To = 1, Color = Color.FromHex("#77D8D8") }); ranges.Add(new Range() { LegendLabel = "2 % Growth", From = 0, To = 2, Color = Color.FromHex("#AED960") }); ranges.Add(new Range() { LegendLabel = "3 % Growth", From = 0, To = 3, Color = Color.FromHex("#FFAF51") }); ranges.Add(new Range() { LegendLabel = "4 % Growth", From = 0, To = 4, Color = Color.FromHex("#F3D240") }); tree.LeafItemColorMapping = rangeMapping = new RangeColorMapping() { Ranges = ranges }; Size legendSize = Device.OnPlatform(iOS: new Size(300, 60), Android: new Size(200, 60), WinPhone: new Size(420, 75)); Size iconSize = Device.OnPlatform(iOS: new Size(17, 17), Android: new Size(25, 25), WinPhone: new Size(15, 15)); treeMapColorMapping = rangeMapping; desaturationMapping = new DesaturationColorMapping() { From = 1, To = 0.2, Color = Color.FromHex("#02AEDC") }; TreeMapFlatLevel level = new TreeMapFlatLevel() { HeaderStyle = new Syncfusion.SfTreeMap.XForms.Style() { Color = Device.OnPlatform(iOS: Color.Gray, Android: Color.Gray, WinPhone: Color.White) }, GroupPath = "Continent", HeaderHeight = 20, GroupGap = 5, ShowHeader = true }; level.GroupBackground = Device.OnPlatform(iOS: Color.White, Android: Color.White, WinPhone: Color.Black); tree.Levels.Add(level); tree.DataSource = new PopulationViewModel().PopulationDetails; if (Device.Idiom == TargetIdiom.Phone && Device.OS == TargetPlatform.Windows) { tree.LegendSettings = new LegendSettings() { Size = new Size(0, 0), ShowLegend = false }; } else { tree.LegendSettings = new LegendSettings() { LabelStyle = new Syncfusion.SfTreeMap.XForms.Style() { Font = Device.OnPlatform(iOS: Font.SystemFontOfSize(12), Android: Font.SystemFontOfSize(14), WinPhone: Font.SystemFontOfSize(12)), Color = Color.Gray }, IconSize = iconSize, ShowLegend = true, Size = legendSize }; if (Device.Idiom == TargetIdiom.Tablet) { tree.LegendSettings.Size = new Size(500, 30); } } uniMapping = new UniColorMapping() { Color = Color.FromHex("#D21243") }; paletteMapping = new PaletteColorMapping(); paletteMapping.Colors.Add(Color.FromHex("#BD8EC2")); paletteMapping.Colors.Add(Color.FromHex("#FFD34E")); paletteMapping.Colors.Add(Color.FromHex("#55B949")); paletteMapping.Colors.Add(Color.FromHex("#00B2DA")); paletteMapping.Colors.Add(Color.FromHex("#744A94")); paletteMapping.Colors.Add(Color.FromHex("#A1A616")); paletteMapping.Colors.Add(Color.FromHex("#0753A1")); DrawOptionsPage(); this.PropertyView = GetOptionPage(); this.ContentView = tree; this.ContentView.BackgroundColor = Color.White; }
public GettingStarted () { baritem = new ToolbarItem(); tree = new SfTreeMap(); Title = "GettingStarted"; this.BackgroundColor = Device.OnPlatform(iOS: Color.White, Android: Color.White, WinPhone: Color.Black); tree.WeightValuePath = "Population"; tree.ColorValuePath = "Growth"; tree.LeafItemSettings = new LeafItemSettings(); tree.LeafItemSettings.BorderColor = Device.OnPlatform(iOS: Color.Gray, Android: Color.White, WinPhone:IsDarkTheme ? Color.White : Color.Gray); tree.LeafItemSettings.BorderWidth = Device.OnPlatform(iOS: 1, Android:2, WinPhone:2); tree.LeafItemSettings.Gap = Device.OnPlatform(iOS:1 , Android: 5, WinPhone: 3); tree.LeafItemSettings.LabelStyle = new Syncfusion.SfTreeMap.XForms.Style() { Font = Font.SystemFontOfSize(18), Color = Color.White }; tree.LeafItemSettings.LabelPath = "Country"; ObservableCollection<Range> ranges = new ObservableCollection<Range>(); ranges.Add(new Range() { LegendLabel = "1 % Growth", From = 0, To = 1, Color = Color.FromHex("#77D8D8") }); ranges.Add(new Range() { LegendLabel = "2 % Growth", From = 0, To = 2, Color = Color.FromHex("#AED960") }); ranges.Add(new Range() { LegendLabel = "3 % Growth", From = 0, To = 3, Color = Color.FromHex("#FFAF51") }); ranges.Add(new Range() { LegendLabel = "4 % Growth", From = 0, To = 4, Color = Color.FromHex("#F3D240") }); tree.LeafItemColorMapping = rangeMapping = new RangeColorMapping() { Ranges = ranges }; Size legendSize = Device.OnPlatform(iOS: new Size(300, 60), Android: new Size(200, 60), WinPhone: new Size(420, 75)); Size iconSize = Device.OnPlatform(iOS: new Size(17, 17), Android: new Size(25, 25), WinPhone: new Size(15, 15)); treeMapColorMapping = rangeMapping; desaturationMapping = new DesaturationColorMapping (){ From = 1, To = 0.2, Color = Color.FromHex ("#02AEDC") }; TreeMapFlatLevel level = new TreeMapFlatLevel() { HeaderStyle = new Syncfusion.SfTreeMap.XForms.Style() { Color= Device.OnPlatform(iOS: Color.Gray, Android: Color.Gray, WinPhone: Color.White) }, GroupPath = "Continent", HeaderHeight = 20, GroupGap = 5, ShowHeader = true }; level.GroupBackground = Device.OnPlatform(iOS: Color.White, Android: Color.White, WinPhone: Color.Black); tree.Levels.Add (level); tree.DataSource = new PopulationViewModel ().PopulationDetails; if (Device.Idiom == TargetIdiom.Phone && Device.OS == TargetPlatform.Windows) { tree.LegendSettings = new LegendSettings() { Size = new Size(0, 0),ShowLegend = false }; } else { tree.LegendSettings = new LegendSettings() { LabelStyle = new Syncfusion.SfTreeMap.XForms.Style() { Font = Device.OnPlatform(iOS: Font.SystemFontOfSize(12), Android: Font.SystemFontOfSize(14), WinPhone: Font.SystemFontOfSize(12)), Color = Color.Gray }, IconSize = iconSize, ShowLegend = true, Size = legendSize }; if (Device.Idiom == TargetIdiom.Tablet) { tree.LegendSettings.Size = new Size(500, 30); } } uniMapping = new UniColorMapping (){ Color = Color.FromHex ("#D21243") }; paletteMapping = new PaletteColorMapping (); paletteMapping.Colors.Add (Color.FromHex ("#BD8EC2")); paletteMapping.Colors.Add (Color.FromHex ("#FFD34E")); paletteMapping.Colors.Add (Color.FromHex ("#55B949")); paletteMapping.Colors.Add (Color.FromHex ("#00B2DA")); paletteMapping.Colors.Add (Color.FromHex ("#744A94")); paletteMapping.Colors.Add (Color.FromHex ("#A1A616")); paletteMapping.Colors.Add (Color.FromHex ("#0753A1")); DrawOptionsPage (); this.PropertyView = GetOptionPage (); this.ContentView = tree; this.ContentView.BackgroundColor = Color.White; }