BioCircos.js

1. Prepare data.
2. Configure circle.
<span class="dec">&lt;!DOCTYPE html&gt;</span><span class="pln">
</span><span class="tag">&lt;html&gt;</span><span class="pln">
    </span><span class="tag">&lt;head&gt;</span><span class="pln">
        </span><span class="tag">&lt;meta</span><span class="pln"> </span><span class="atn">charset</span><span class="pun">=</span><span class="atv">"utf-8"</span><span class="tag">&gt;</span><span class="pln">
        </span><span class="tag">&lt;title&gt;</span><span class="pln">BioCircos.js</span><span class="tag">&lt;/title&gt;</span><span class="pln">
    </span><span class="tag">&lt;/head&gt;</span><span class="pln">
    </span><span class="tag">&lt;body&gt;</span><span class="pln">
        </span><span class="com">&lt;!-- BioCircos.js, Jquery.js and D3.js import --&gt;</span><span class="pln">
        </span><span class="tag">&lt;script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"./lib/jquery.js"</span><span class="tag">&gt;&lt;/script&gt;</span><span class="pln">
        </span><span class="tag">&lt;script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"./lib/d3.js"</span><span class="tag">&gt;&lt;/script&gt;</span><span class="pln">
        </span><span class="tag">&lt;script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"./lib/biocircos-1.1.2.js"</span><span class="tag">&gt;&lt;/script&gt;</span><span class="pln">
        </span><span class="com">&lt;!-- Prepare a &lt;div&gt; tag with "biocircos" id to set the picture position your will draw in html --&gt;</span><span class="pln">
        </span><span class="tag">&lt;div</span><span class="pln"> </span><span class="atn">id</span><span class="pun">=</span><span class="atv">"biocircos"</span><span class="tag">&gt;&lt;/div&gt;</span><span class="pln">
</span><span class="com">&lt;!-- Data configuration --&gt;</span><span class="pln">
</span><span class="tag">&lt;script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"./data/gallery/gallery11_ARC_redirect.js"</span><span class="tag">&gt;&lt;/script&gt;</span><span class="pln">
</span><span class="tag">&lt;script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"./data/gallery/gallery11_LINK.js"</span><span class="tag">&gt;&lt;/script&gt;</span><span class="pln">
</span><span class="com">&lt;!-- Genome configuration --&gt;</span><span class="pln">
</span><span class="tag">&lt;style&gt;</span><span class="pln">
    </span><span class="pun">.</span><span class="typ">BioCircosLINKTooltip</span><span class="pun">{</span><span class="pln">  
    position</span><span class="pun">:</span><span class="pln"> absolute</span><span class="pun">;</span><span class="pln">  
    width</span><span class="pun">:</span><span class="pln"> </span><span class="lit">120</span><span class="pun">;</span><span class="pln">  
    height</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">auto</span><span class="pun">;</span><span class="pln">  
    font</span><span class="pun">-</span><span class="pln">family</span><span class="pun">:</span><span class="pln"> simsun</span><span class="pun">;</span><span class="pln">  
    font</span><span class="pun">-</span><span class="pln">size</span><span class="pun">:</span><span class="pln"> </span><span class="lit">14px</span><span class="pun">;</span><span class="pln">  
    text</span><span class="pun">-</span><span class="pln">align</span><span class="pun">:</span><span class="pln"> center</span><span class="pun">;</span><span class="pln">  
    border</span><span class="pun">-</span><span class="pln">style</span><span class="pun">:</span><span class="pln"> solid</span><span class="pun">;</span><span class="pln">   
    border</span><span class="pun">-</span><span class="pln">width</span><span class="pun">:</span><span class="pln"> </span><span class="lit">3px</span><span class="pun">;</span><span class="pln">  
    background</span><span class="pun">-</span><span class="pln">color</span><span class="pun">:</span><span class="pln"> red</span><span class="pun">;</span><span class="pln">  
    border</span><span class="pun">-</span><span class="pln">radius</span><span class="pun">:</span><span class="pln"> </span><span class="lit">5px</span><span class="pun">;</span><span class="pln">  
    </span><span class="pun">}</span><span class="pln">
</span><span class="tag">&lt;/style&gt;</span><span class="pln">
</span><span class="tag">&lt;script&gt;</span><span class="pln">
  </span><span class="kwd">var</span><span class="pln"> </span><span class="typ">BioCircosGenome</span><span class="pln"> </span><span class="pun">=</span><span class="pln"> </span><span class="pun">[</span><span class="pln">
     </span><span class="pun">[</span><span class="str">"EML4"</span><span class="pln"> </span><span class="pun">,</span><span class="pln"> </span><span class="lit">982</span><span class="pun">],</span><span class="pln">
     </span><span class="pun">[</span><span class="str">"ALK"</span><span class="pln"> </span><span class="pun">,</span><span class="pln"> </span><span class="lit">1621</span><span class="pun">],</span><span class="pln">
  </span><span class="pun">];</span><span class="pln">
  </span><span class="typ">BioCircos01</span><span class="pln"> </span><span class="pun">=</span><span class="pln"> </span><span class="kwd">new</span><span class="pln"> </span><span class="typ">BioCircos</span><span class="pun">(</span><span class="pln">ARC01</span><span class="pun">,</span><span class="pln">ARC02</span><span class="pun">,</span><span class="pln">ARC03</span><span class="pun">,</span><span class="pln">ARC04</span><span class="pun">,</span><span class="pln">ARC05</span><span class="pun">,</span><span class="pln">ARC06</span><span class="pun">,</span><span class="pln">LINK01</span><span class="pun">,</span><span class="pln">LINK02</span><span class="pun">,</span><span class="pln">LINK03</span><span class="pun">,</span><span class="pln">LINK04</span><span class="pun">,</span><span class="typ">BioCircosGenome</span><span class="pun">,{</span><span class="pln">
     target </span><span class="pun">:</span><span class="pln"> </span><span class="str">"biocircos"</span><span class="pun">,</span><span class="pln">
     svgWidth </span><span class="pun">:</span><span class="pln"> </span><span class="lit">900</span><span class="pun">,</span><span class="pln">
     svgHeight </span><span class="pun">:</span><span class="pln"> </span><span class="lit">600</span><span class="pun">,</span><span class="pln">
     zoom </span><span class="pun">:</span><span class="pln"> </span><span class="kwd">true</span><span class="pun">,</span><span class="pln">
     innerRadius</span><span class="pun">:</span><span class="pln"> </span><span class="lit">246</span><span class="pun">,</span><span class="pln">
     outerRadius</span><span class="pun">:</span><span class="pln"> </span><span class="lit">250</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseEvent</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="kwd">true</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseClickDisplay</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="kwd">false</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseClickColor</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"green"</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseClickStrokeWidth</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">4</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseClickStrokeOpacity</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">1.0</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseDownDisplay</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="kwd">false</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseDownOpacity</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">1.0</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseDownStrokeColor</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"#F26223"</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseDownStrokeWidth</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">1</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseEnterDisplay</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="kwd">false</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseEnterOpacity</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">1.0</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseEnterStrokeColor</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"red"</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseEnterStrokeWidth</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"none"</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseLeaveDisplay</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="kwd">false</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseLeaveColor</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"pink"</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseLeaveOpacity</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">1.0</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseLeaveStrokeColor</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"#F26223"</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseLeaveStrokeWidth</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">0</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseMoveDisplay</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="kwd">false</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseMoveOpacity</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">1.0</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseMoveStrokeColor</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"#F26223"</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseMoveStrokeWidth</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">0</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseOutDisplay</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="kwd">false</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseOutAnimationTime</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">500</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseOutOpacity</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">1.0</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseOutStrokeColor</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"red"</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseOutStrokeWidth</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">1</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseUpDisplay</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="kwd">false</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseUpOpacity</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">1.0</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseUpStrokeColor</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"#F26223"</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseUpStrokeWidth</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">0</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseOverDisplay</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="kwd">true</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseOverOpacity</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">1.0</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseOverStrokeColor</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"#F26223"</span><span class="pun">,</span><span class="pln">  </span><span class="com">//"none","#F26223"</span><span class="pln">
     </span><span class="typ">LINKMouseOverStrokeWidth</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"none"</span><span class="pun">,</span><span class="pln">  </span><span class="com">//"none",3</span><span class="pln">
     </span><span class="typ">LINKMouseOverTooltipsHtml01</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"Gene: "</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseOverTooltipsHtml02</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"&lt;br&gt;Position: "</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseOverTooltipsHtml03</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"&lt;br&gt;Value: "</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseOverTooltipsHtml04</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"&lt;br&gt;Des: "</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseOverTooltipsHtml05</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">""</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseOverTooltipsPosition</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"absolute"</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseOverTooltipsBackgroundColor</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"white"</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseOverTooltipsBorderStyle</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"solid"</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseOverTooltipsBorderWidth</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">0</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseOverTooltipsPadding</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"3px"</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseOverTooltipsBorderRadius</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"3px"</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKMouseOverTooltipsOpacity</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">0.8</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">LINKLabelDragEvent</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="kwd">true</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseEvent</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="kwd">true</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseDownDisplay</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="kwd">false</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseDownColor</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"none"</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseDownArcOpacity</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">1.0</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseDownArcStrokeColor</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"#F26223"</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseDownArcStrokeWidth</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">1</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseEnterDisplay</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="kwd">false</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseEnterColor</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"none"</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseEnterArcOpacity</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">1.0</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseEnterArcStrokeColor</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"#F26223"</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseEnterArcStrokeWidth</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">1</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseLeaveDisplay</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="kwd">false</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseLeaveColor</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"none"</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseLeaveArcOpacity</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">1.0</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseLeaveArcStrokeColor</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"#F26223"</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseLeaveArcStrokeWidth</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">0</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseMoveDisplay</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="kwd">false</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseMoveColor</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"none"</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseMoveArcOpacity</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">1.0</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseMoveArcStrokeColor</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"#F26223"</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseMoveArcStrokeWidth</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">0</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseOutDisplay</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="kwd">true</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseOutAnimationTime</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">500</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseOutColor</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"none"</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseOutArcOpacity</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">1.0</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseOutArcStrokeColor</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"red"</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseOutArcStrokeWidth</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">0</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseUpDisplay</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="kwd">false</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseUpColor</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"grey"</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseUpArcOpacity</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">1.0</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseUpArcStrokeColor</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"#F26223"</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseUpArcStrokeWidth</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">0</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseOverDisplay</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="kwd">true</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseOverColor</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"none"</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseOverArcOpacity</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">1.0</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseOverArcStrokeColor</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"red"</span><span class="pun">,</span><span class="pln"> </span><span class="com">//"none","#F26223"</span><span class="pln">
     </span><span class="typ">ARCMouseOverArcStrokeWidth</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"none"</span><span class="pun">,</span><span class="pln"> </span><span class="com">//"none",3</span><span class="pln">
     </span><span class="typ">ARCMouseOverTooltipsHtml01</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">""</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseOverTooltipsHtml02</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"&lt;br&gt;Position: "</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseOverTooltipsHtml03</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"AA - "</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseOverTooltipsHtml04</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"AA&lt;br&gt;Name: "</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseOverTooltipsHtml05</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">""</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseOverTooltipsPosition</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"absolute"</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseOverTooltipsBackgroundColor</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"white"</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseOverTooltipsBorderStyle</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"solid"</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseOverTooltipsBorderWidth</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">0</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseOverTooltipsPadding</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"3px"</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseOverTooltipsBorderRadius</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="str">"3px"</span><span class="pun">,</span><span class="pln">
     </span><span class="typ">ARCMouseOverTooltipsOpacity</span><span class="pln"> </span><span class="pun">:</span><span class="pln"> </span><span class="lit">0.8</span><span class="pun">,</span><span class="pln">
     genomeFillColor</span><span class="pun">:</span><span class="pln"> </span><span class="pun">[</span><span class="str">"#999999"</span><span class="pun">],</span><span class="pln">
     ticks </span><span class="pun">:</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
        display </span><span class="pun">:</span><span class="pln"> </span><span class="kwd">true</span><span class="pun">,</span><span class="pln">
        len </span><span class="pun">:</span><span class="pln"> </span><span class="lit">5</span><span class="pun">,</span><span class="pln">
        color </span><span class="pun">:</span><span class="pln"> </span><span class="str">"#000"</span><span class="pun">,</span><span class="pln">
        textSize </span><span class="pun">:</span><span class="pln"> </span><span class="lit">8</span><span class="pun">,</span><span class="pln">
        textColor </span><span class="pun">:</span><span class="pln"> </span><span class="str">"#000"</span><span class="pun">,</span><span class="pln">
        scale </span><span class="pun">:</span><span class="pln"> </span><span class="lit">100</span><span class="pln">
     </span><span class="pun">},</span><span class="pln">
     genomeLabel </span><span class="pun">:</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
        display </span><span class="pun">:</span><span class="pln"> </span><span class="kwd">true</span><span class="pun">,</span><span class="pln">
        textSize </span><span class="pun">:</span><span class="pln"> </span><span class="lit">18</span><span class="pun">,</span><span class="pln">
        textColor </span><span class="pun">:</span><span class="pln"> </span><span class="str">"red"</span><span class="pun">,</span><span class="pln">
        dx </span><span class="pun">:</span><span class="pln"> </span><span class="lit">0.1</span><span class="pun">,</span><span class="pln">
        dy </span><span class="pun">:</span><span class="pln"> </span><span class="str">"-0.95em"</span><span class="pln">
     </span><span class="pun">}</span><span class="pln">
  </span><span class="pun">});</span><span class="pln">
  </span><span class="typ">BioCircos01</span><span class="pun">.</span><span class="pln">draw_genome</span><span class="pun">(</span><span class="typ">BioCircos01</span><span class="pun">.</span><span class="pln">genomeLength</span><span class="pun">);</span><span class="pln">
</span><span class="tag">&lt;/script&gt;</span><span class="pln">
    </span><span class="tag">&lt;/body&gt;</span><span class="pln">
</span><span class="tag">&lt;/html&gt;</span>
3. Open the html file in the browser to see the following results.
Download
Gallery11: 4 types of EML4-ALK fusions(click to other webpages)
