Layer data

View example tree and data

• Example data

One column of category data and one column of numerical data are needed. If you leave a cell (in the column of numerical data) blank, the lollipop of corresponding node will not be drawn. When you add this dataset layer, the category column must be selected firstly, and then select the bar value column.

• TSV format

Node IDs    Categories    Value
EF151805    A    2
AY699794    B    3
AJ608641    B    4
JF937440    B    5
AJ744861    C    6
AJ564643    B    7
FN393747    C    8
AJ717393    B    -9
MK238778    C    10
AJ575266    A    11
MT758060    A    12
MT760162    C    13
NR_025743    C    14
FM883672    C    2
HE985070    A    3
FR687202    C    4
KT253329    C    5
HQ326178    B    6
MT759893        
KF309029    A    8
FM991866    B    9
MH197303    A    10
FR681897    C    13
MW309385    B    12
DQ112660    B    13
AJ575263    B    14
MK096443    A    2

Layer controlling attributes

canvas

• like base bar plot

xAxis

• like base bar plot

background

• like base bar plot

lollipop

• Color set

1 color: Click this button to choose a default color set.

• Custom color
  

1 switch: Whether to use custom color set.

All categories of that data column will be listed below followed by a color selector respectively. Click each color selector to select a color you like.

• Lollipop style
  

1 r: Svg circle attribute. The radius of circle in lollipop, valid when the switch in Lollipop size below is off.

2 fill-opacity: Svg circle attribute.

3 stroke: Svg circle attribute.

4 stroke-width: Svg circle attribute.

5 stroke-opacity: Svg circle attribute.

• Lollipop size
  

1 switch: If this switch is on, the circle radius of each lollipop depends on corresponding data value.

2 min-radius: Minimum radius of the minimum value.

3 max-radius: Maximum radius of the maximum value.

• Line style
  

1 stroke: Svg line attribute.

2 stroke-width: Svg line attribute.

3 stroke-opacity: Svg line attribute.

4 stroke-dasharray: Svg line attribute.

• Lollipop text
  

1 switch: Whether to draw value texts.

2 font-size: Svg text attribute.

3 fill: Svg text attribute.

4 font-weight: Svg text attribute.

5 font-style: Svg text attribute.

6 x: Svg text attribute.

7 value-format: This attribute is the same as tick format. Click this link for more details

legend

See base category legend