echart 餅圖引導線數(shù)據(jù)文字能不能放在引導線的上方？

現(xiàn)在的效果圖片描述

我想要的效果圖片描述

求大神幫助

回答

編輯回答

冷眸

利用labelLine的length和length2以及padding等這些就可以做出來了！
可以參考我做的例子哦
然后把換行符刪掉，調換輸出值的位置就可以了

2018年6月23日 04:58

編輯回答

念初

可以參考百度 echarts,http://echarts.baidu.com/demo...

2017年11月17日 06:51

編輯回答

離夢

建議改改源代碼，如果沒有相應配置的話

2018年9月13日 07:39

編輯回答

扯不斷

您好，請問解決了嗎?

2017年2月26日 07:41

編輯回答

貓館

感謝大神，終于找到想要的了，為了你，專門注冊帳號回復表示感謝的。

2017年10月29日 04:00

編輯回答

冷溫柔

根據(jù)@隨機的例子調整了下，先放效果圖：圖片描述

代碼：


app.title = '嵌套環(huán)形圖';
option = {
    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>: {c} (cqdtdgtli%)"
    },
    legend: {
        orient: 'vertical',
        show: false,
        x: 'left',
        data: ['視頻廣告', '百度', '谷歌', '必應', '其他']
    },
    series: [

        {
            name: '訪問來源',
            type: 'pie',
            radius: ['30%', '55%'],
            labelLine: {
                normal: {
                    length: 20,
                    length2: 70,
                    lineStyle: {
                        color: '#333'
                    }
                }

            },
            label: {
                normal: {
                    formatter: '{b|}{a|cqdtdgtli%}\n\n',
                    borderWidth: 20,
                    borderRadius: 4,
                    // shadowBlur:3,
                    // shadowOffsetX: 2,
                    // shadowOffsetY: 2,
                    // shadowColor: '#999',
                    padding: [0, -70],
                    rich: {
                        a: {
                            color: '#333',
                            fontSize: 12,
                            lineHeight: 20
                        },
                        b: {
                            fontSize: 12,
                            lineHeight: 20,
                            color: '#333'
                        }
                    }
                }
            },
            data: [{
                value: 135,
                name: '視頻廣告'
            }, {
                value: 1048,
                name: '百度'
            }, {
                value: 251,
                name: '谷歌'
            }, {
                value: 147,
                name: '必應'
            }, {
                value: 102,
                name: '其他'
            }]
        }
    ]
};

2017年11月5日 06:58

編輯回答