Skip to content

Pie Chart - label 'align' and 'verticalAlign' don't effect label position #9318

@rickAllDev

Description

@rickAllDev

I can't seem to change the alignment of labels on pie. Have tried different combinations of align, verticalAlign but the label position does not change.

{
          name:'time',
          type:'pie',
          radius : ['70%', '75%'],
          data: this.getOptionClock1()
}

getOptionClock = () => {
    const data = [];
    for(let i=0; i<24; i++) {
      data.push({
        value: 1, 
        name: clockLabel(i),
        label: { 
          show: clockLabelShow(i), 
          position: 'inside', 
          align: 'center', 
          verticalAlign: 'middle',
          padding: clockLabelPadding(i),
        },
        labelLine: { show: false },
        itemStyle: { 
          color: clockColor(i),
         },
      });
    }
    return data;
  }

Metadata

Metadata

Assignees

No one assigned

    Labels

    docDocument or Website related issues.enThis issue is in English

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions