1. 程式人生 > >echarts 餅圖引導線周圍文字位置的改變

echarts 餅圖引導線周圍文字位置的改變

app.title = '巢狀環形圖';
option = {
    tooltip: {
        trigger: 'item',
        formatter: "{a} <br/>{b}: {c} ({d}%)"
    },
    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|{b}}{a|{d}%}\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: '其他' }] } ] };