Skip to content

环形图label太长顶去图形框外面了看不到 #8507

@superZchen0701

Description

@superZchen0701

One-line summary [问题简述]

如下面图所示,因为数据问题把环形图label的数据展示框挤到图形外面了,图形的高度是确定的,450px。能否有办法让label数据展示框不在外面?

Version & Environment [版本及环境]

  • ECharts version [ECharts 版本]:3.6.2
  • Browser version [浏览器类型和版本]:chrome 63.0.3239.132
  • OS Version [操作系统类型和版本]:windows 10专业版 64位操作系统

Expected behaviour [期望结果]

让label数据展示框不在外面

ECharts option [ECharts配置项]

option = {
                   title={{
                                text:'点赞率'
                            }}
                            tooltip={{
                                trigger: 'item',
                                axisPointer: {
                                    type: 'cross',
                                    label: {
                                        backgroundColor: '#6a7985'
                                    }
                                },
                                formatter: "{a} <br/>{b}: {c} ({d}%)"
                            }}
grid={{
                                // left:'3%',
                                // right: '4%',
                                // bottom: '3%',
                                top:'5%',
                                containLabel: true
                            }}
series={{
                                type:'pie',
                                name:'点赞率',
                                selectedMode:['single',''],
                                radius:[[0,'20%'],['30%','40%']],
                                label: [{
                                    normal: {
                                        position: 'inner'
                                    }
                                }, {
                                    normal: {
                                        formatter: '{a|{a}}{abg|}\n{hr|}\n  {b|{b}:}{c} \n {per|{d}%}  ',
                                        backgroundColor: '#eee',
                                        borderColor: '#aaa',
                                        borderWidth: 1,
                                        borderRadius: 4,
                                        padding: [0,0,4,0],
                                        rich: {
                                            a: {
                                                color: '#999',
                                                lineHeight: 18,
                                                align: 'center'
                                            },
                                            hr: {
                                                borderColor: '#aaa',
                                                width: '100%',
                                                borderWidth: 0.5,
                                                height: 0
                                            },
                                            b: {
                                                fontSize: 10,
                                                lineHeight: 18
                                            },
                                            per: {
                                                color: '#eee',
                                                backgroundColor: '#334455',
                                                padding: [2, 4],
                                                borderRadius: 2
                                            }
                                        }
                                    }
                                }],
                                labelLine:[{
                                    normal: {
                                        show: false
                                    }
                                },{}],
                                data:[this.state.qryHeatImg_dz,this.state.qryHeatImg_dz_industry]
                            }}
}

Other comments [其他信息]

qq 20180612155948

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    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