v0.3

Glyphs

###Common Glyph Attributes###

• Roundness (if applicable)
• Color
• Text-Align
  • Left
  • Right
  • Center
  • Start
  • End
• Text
  • Font
  • Size
  • Color

###Common Glyph Events###

• Click
• Mouseover

###BlockArrow Glyph### SHOW PICTURES OF THEM! ###Rect Glyph###

###Arrow Glyph###

The arrow glyph sits at a single point and shows direction

• Arrow Specific Attributes -
  • Thickness

arrow1 = chart1.addFeature( new Arrow('splice', 500, '+'));
arrow1.thickness = 2;

###Spliced Glyph### The spliced glyph is made up of two types of subglyphs: BlockArrow (exons) and Line (connecting line)

• Events & Attributes - the spliced glyph contains the same events and attributes as any other glyph e.g. onClick, roundness, color, etc. The event/attribute will be applied to all subglyphs(line and exons) where applicable.

• Exon Events and Attributes - since the exon is just another glyph, all common attributes and events (e.g. font-color, roundness, onClick, ...) can be applied to them. Attributes/events on the exon override any attribute/event set on the entire gene

// Add Spliced Gene                type, position, length, orientation, array of exons e.g. [ [position, length], ...]
gene1 = chart1.addFeature( new Spliced('splice', 1500, 8000, '+', [[1500,1000], [3500, 2000], [6500, 1000]]));
// set all exons' color
gene1.color = "red";
// override the parent color and set the second exon's color
gene1.exons[1].color = "green";

• Line Attributes

  • Thickness

// Add Spliced Gene                type, position, length, orientation, array of exons e.g. [ [position, length], ...]
gene1 = chart1.addFeature( new Spliced('splice', 1500, 8000, '+', [[1500,1000], [3500, 2000], [6500, 1000]]));
gene1.line.thickness = 2;

• Color

// Add Spliced Gene                type, position, length, orientation, array of exons e.g. [ [position, length], ...]
gene1 = chart1.addFeature( new Spliced('splice', 1500, 8000, '+', [[1500,1000], [3500, 2000], [6500, 1000]]));
gene1.line.color = "black";