鍍金池/ 問(wèn)答/HTML/ echarts如何設(shè)置rich

echarts如何設(shè)置rich

clipboard.png
框里面的部分，如何設(shè)置寬度，我設(shè)置了paddng，但是設(shè)置了padding，寬度不一樣，這四個(gè)紅色背景的寬度不一樣，有長(zhǎng)又短的，我設(shè)置了width，但是沒(méi)有效果，我看了api，說(shuō)不設(shè)置rich的話，設(shè)置寬高是沒(méi)有用的，我看了一下設(shè)置rich的話，要有個(gè)定義的名稱，不知道這個(gè)該怎么設(shè)置，求各位幫瞅瞅，謝謝了

回答
編輯回答
陌顏

clipboard.png

xAxis: {
    type: 'category',
    inverse: true,
    data: ['Sunny', 'Cloudy', 'Showers'],
    axisLabel: {
        formatter: function (value) {
            return '{value|' + value + '}';
        },
        rich: {
            value: {
                width: 100,
                backgroundColor: 'yellow'
            }
        }
    }
}

目前我發(fā)現(xiàn)只能把寬度設(shè)置成具體的像素值，不能實(shí)現(xiàn)背景寬度是刻度單位的百分?jǐn)?shù)。
echarts官網(wǎng)參考地址

clipboard.png

2018年9月11日 09:44