public Palette CreateConnectors() { Palette Palette = new Palette("Connectors"); Palette.Expanded = true; Palette.TemplateId = "svgTemplate"; Palette.AddInfo = new Dictionary <string, object>(); (Palette.AddInfo as Dictionary <string, object>).Add("source", Url.Content("~/Content/diagram/images/connector.png")); Collection Segments = new Collection(); Segments.Add(new Segment() { Type = Syncfusion.JavaScript.DataVisualization.DiagramEnums.Segments.Orthogonal }); PaletteItem PaletteItem = new Syncfusion.JavaScript.DataVisualization.Models.Diagram.PaletteItem() { Height = 45, Width = 57, EnableScale = false }; Palette.Items.Add(new Connector() { Name = "Link1", Segments = Segments, SourcePoint = new DiagramPoint() { X = 0, Y = 0 }, TargetPoint = new DiagramPoint() { X = 40, Y = 40 }, PaletteItem = PaletteItem, TargetDecorator = new Syncfusion.JavaScript.DataVisualization.Models.Diagram.Decorator() { Shape = DecoratorShapes.Arrow } }); Palette.Items.Add(new Connector() { Name = "Link2", Segments = Segments, SourcePoint = new DiagramPoint() { X = 0, Y = 0 }, TargetPoint = new DiagramPoint() { X = 40, Y = 40 }, PaletteItem = PaletteItem, TargetDecorator = new Syncfusion.JavaScript.DataVisualization.Models.Diagram.Decorator() { Shape = DecoratorShapes.None } }); Segments = new Collection(); Segments.Add(new Segment() { Type = Syncfusion.JavaScript.DataVisualization.DiagramEnums.Segments.Straight }); Palette.Items.Add(new Connector() { Name = "Link1", Segments = Segments, SourcePoint = new DiagramPoint() { X = 0, Y = 0 }, TargetPoint = new DiagramPoint() { X = 40, Y = 40 }, PaletteItem = PaletteItem, TargetDecorator = new Syncfusion.JavaScript.DataVisualization.Models.Diagram.Decorator() { Shape = DecoratorShapes.Arrow } }); Palette.Items.Add(new Connector() { Name = "Link2", Segments = Segments, SourcePoint = new DiagramPoint() { X = 0, Y = 0 }, TargetPoint = new DiagramPoint() { X = 40, Y = 40 }, PaletteItem = PaletteItem, TargetDecorator = new Syncfusion.JavaScript.DataVisualization.Models.Diagram.Decorator() { Shape = DecoratorShapes.None } }); return(Palette); }
public Palette CreateBasicShapes() { Palette Palette = new Palette("Basic Shapes"); Palette.Expanded = true; Palette.TemplateId = "svgTemplate"; Palette.AddInfo = new Dictionary <string, object>(); (Palette.AddInfo as Dictionary <string, object>).Add("source", Url.Content("~/Content/diagram/images/basic.png")); PaletteItem PaletteItem = new Syncfusion.JavaScript.DataVisualization.Models.Diagram.PaletteItem() { Margin = new Margin() { Left = 4, Right = 4, Top = 12, Bottom = 10 }, EnableScale = false }; Palette.Items.Add(new BasicShape() { Name = "Rectangle1", Height = 160, Width = 80, Shape = BasicShapes.Rectangle, PaletteItem = PaletteItem }); Palette.Items.Add(new BasicShape() { Name = "Rectangle2", Height = 70, Width = 70, Shape = BasicShapes.Rectangle }); Palette.Items.Add(new BasicShape() { Name = "Ellipse", Height = 70, Width = 70, Shape = BasicShapes.Ellipse }); Collection Collection = new Syncfusion.JavaScript.DataVisualization.Models.Collections.Collection(); Collection.Add(new DiagramPoint() { X = 25, Y = 0 }); Collection.Add(new DiagramPoint() { X = 75, Y = 0 }); Collection.Add(new DiagramPoint() { X = 100, Y = 50 }); Collection.Add(new DiagramPoint() { X = 75, Y = 100 }); Collection.Add(new DiagramPoint() { X = 25, Y = 100 }); Collection.Add(new DiagramPoint() { X = 0, Y = 50 }); Palette.Items.Add(new BasicShape() { Name = "Hexagon", Height = 70, Width = 70, Shape = BasicShapes.Polygon, Points = Collection }); Collection = new Syncfusion.JavaScript.DataVisualization.Models.Collections.Collection(); Collection.Add(new DiagramPoint() { X = 50, Y = 0 }); Collection.Add(new DiagramPoint() { X = 100, Y = 100 }); Collection.Add(new DiagramPoint() { X = 0, Y = 100 }); Palette.Items.Add(new BasicShape() { Name = "Triangle", Height = 70, Width = 70, Shape = BasicShapes.Polygon, Points = Collection }); return(Palette); }