鍍金池/ 問答/HTML5  HTML/ echart 餅圖引導(dǎo)線數(shù)據(jù)文字能不能放在引導(dǎo)線的上方？

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

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

我想要的效果圖片描述

求大神幫助

回答
編輯回答
冷眸

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

2018年6月23日 04:58
編輯回答
念初

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

2017年11月17日 06:51
編輯回答
離夢(mèng)

建議改改源代碼 ，如果沒有相應(yīng)配置的話

2018年9月13日 07:39
編輯回答
扯不斷

您好，請(qǐng)問解決了嗎?

2017年2月26日 07:41
編輯回答
貓館

感謝大神，終于找到想要的了，為了你，專門注冊(cè)帳號(hào)回復(fù)表示感謝的。

2017年10月29日 04:00
編輯回答
冷溫柔

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

代碼：


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

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

            },
            label: {
                normal: {
                    formatter: '{b|}{a|ptdhphn%}\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: '必應(yīng)'
            }, {
                value: 102,
                name: '其他'
            }]
        }
    ]
};
2017年11月5日 06:58
編輯回答
淡墨

請(qǐng)問解決了嗎？我最近也需要實(shí)現(xiàn)這樣的效果

2018年1月26日 03:28