{{target:partial-label-desc}}

Text label of ${name}, to explain some data information about graphic item like value, name and so on. label is placed under itemStyle.normal in ECharts 2.x. In ECharts 3, to make the configuration structure flatter, labelis taken to be at the same level with itemStyle, and has two status normal and emphasis as itemStyle does.

{{target:partial-label}} #${prefix} show(boolean) = ${defaultShowLabel|default(“false”)} Whether to show label. #${prefix} position(string|Array) = ${defaultPosition} {{use:partial-label-position}} #${prefix} distance(number) = 5 Distance to the host graphic element. Works when position is string value (like 'top''insideRight').

See: label position.

#${prefix} rotate(number) = ${defaultRotate} Rotate label, from -90 degree to 90, positive value represents rotate anti-clockwise.

See: label rotation.

#${prefix} offset(Array) Whether to move text slightly. For example: [30, 40] means move 30 horizontally and move 40 vertically. {{ if: ${formatter} }} #${prefix} formatter(string|Function) {{use:partial-2d-data-label-formatter}} {{ elif: ${formatter1d} }} #${prefix} formatter(string|Function) {{use:partial-1d-data-label-formatter}} {{ /if }}

{{ if: !${noTextStyle} }} {{ use:partial-text-style( prefix=${prefix}, noAlign=${noAlign}, noVerticalAlign=${noVerticalAlign}, name=${name}, defaultColor=${defaultColor}, defaultFontSize=${defaultFontSize}, noRich=${noRich}, noBox=${noBox}, enableAutoColor=true ) }} {{ /if }}

{{ if: ${ellipsis} }} #${prefix} ellipsis(boolean) = true

When the text is overflow, whether to replace the excess part with apostrophe. {{ /if }}

{{ target:partial-label-position }} Label position.

**Followings are the options: **

  • [x, y]

    Use relative percentage, or absolute pixel values to represent position of label relative to top-left corner of bounding box. For example:

    // Absolute pixel values
    position: [10, 10],
    // Relative percentage
    position: ['50%', '50%']
    
  • ‘top’

  • ‘left’

  • ‘right’

  • ‘bottom’

  • ‘inside’

  • ‘insideLeft’

  • ‘insideRight’

  • ‘insideTop’

  • ‘insideBottom’

  • ‘insideLeftTop’

  • ‘insideLeftBottom’

  • ‘insideRightTop’

  • ‘insideRightBottom’

See: label position.