Style MarkLine label background

What problem does this feature solve?

Better MarkLine label presentation.

What I want to achieve	Best I can achieve with eCharts currently

What does the proposed API look like?

markLine: {
    labelStyle: {
        color: '#f00',
        background: '#0f0',
        borderRadius: 2,
        padding: 4,
    }
}

[Bilge]

Thanks @narayn92, I was able to get results quite close to the reference image with the properties you provided.

What I want to achieve	Best I can achieve with eCharts now

But why aren’t they documented? Probably we should keep this issue open until they are documented so other people can find them.

[narayn92]

@Bilge The above problem can be solved using the existing label properties which are not listed in the official documentation. You can see these properties in the source code. Attached screenshot for your reference.

Sample chart option:

var option = {
    xAxis: {
        data: ['A', 'B', 'C', 'D', 'E'],
    },
    yAxis: {},
    series: [{
        name: 'line',
        type: 'line',
        data: [1, 2, 3, 4, 5],
        markLine: {
            data: [{
            name: 'My label',
                xAxis: 'D',
                label: {
                    formatter: '{b}',
                    position: 'insideMiddleTop',
                    
                    color: '#fff',
                    textBorderColor: '#000',
                    textBorderWidth: 2,
                    
                    fontStyle: 'italic',
                    fontWeight: 'bold',
                    fontSize: 50,
                    fontFamily: 'Helvetica',
                    
                    // lineHeight: 25,
                    // width: 200,
                    // height: 200,
                    // tag: 'asdasdasdasdasd',
                    
                    backgroundColor: '#ff0000',
                    padding: 25,
                    borderColor: '#000',
                    borderWidth: 2,
                    borderRadius: 5,
                    
                    shadowColor: '#333333',
                    shadowBlur: 5,
                    shadowOffsetX: 5,
                    shadowOffsetY: 5,
                    
                    textShadowColor: '#0000ff',
                    textShadowBlur: 5,
                    textShadowOffsetX: 5,
                    textShadowOffsetY: 5,
                    
                }
            }]
        }
    }]
};