visualMap折线区间段颜色混淆

[Torrie-Leung]

Version

4.7.0

Steps to reproduce

visualMap:{
          show:false,
          dimension: 1,
          pieces: [
            
            {gte:-10,lte:0,color:'#8bc34a'},
            {gt:0,lte:20,color:'#ff5722'},
            
          ]
        },

What is expected?

在值为大于-10小于等于0的区间，折线应该显示为绿色

What is actually happening?

实际上在值为0时折线颜色是红色和绿色重叠混合的色值
使用{value: 0，color:'#8bc34a'}指定特定值的颜色也不起效

[echarts-bot]

Hi! We've received your issue and please be patient to get responded. 🎉
The average response time is expected to be within one day for weekdays.

In the meanwhile, please make sure that you have posted enough image to demo your request. You may also check out the API and chart option to get the answer.

If you don't get helped for a long time (over a week) or have an urgent question to ask, you may also send an email to dev@echarts.apache.org. Please attach the issue link if it's a technical questions.

If you are interested in the project, you may also subscribe our mail list.

Have a nice day! 🍵

[100pah]

@pissang
Is there any good idea for that?

Do we need to provide an option that:
enable to add a bias (depending on line width) in the dividing line position when stroking line with LinearGradient in this case?

[100pah]

The test case for that:

option = {
    visualMap: {
        show: false,
        type: 'piecewise',
        min: -20,
        max: 20,
        pieces: [{
            gte: -20,
            lt: -10,
            color: 'red'
        }, {
            gte: -10,
            lt: 20,
            color: 'green'
        }]
    },
    tooltip: {
    },
    xAxis: {
        splitLine: {show: false}
    },
    yAxis: {
        splitLine: {show: false}
    },
    legend: {},
    series: [{
        name: 'line width: 1',
        type: 'line',
        lineStyle: {
            width: 1
        },
        data: [
            [0, -20],
            [1, -10],
            [4, -10],
            [5, 10]
        ]
    }, {
        type: 'line',
        name: 'line width: 5',
        lineStyle: {
            width: 5
        },
        data: [
            [5, -20],
            [6, -10],
            [9, -10],
            [10, 10]
        ]
    }]
}

[dignfei]

The test case for that:

option = {
    visualMap: {
        show: false,
        type: 'piecewise',
        min: -20,
        max: 20,
        pieces: [{
            gte: -20,
            lt: -10,
            color: 'red'
        }, {
            gte: -10,
            lt: 20,
            color: 'green'
        }]
    },
    tooltip: {
    },
    xAxis: {
        splitLine: {show: false}
    },
    yAxis: {
        splitLine: {show: false}
    },
    legend: {},
    series: [{
        name: 'line width: 1',
        type: 'line',
        lineStyle: {
            width: 1
        },
        data: [
            [0, -20],
            [1, -10],
            [4, -10],
            [5, 10]
        ]
    }, {
        type: 'line',
        name: 'line width: 5',
        lineStyle: {
            width: 5
        },
        data: [
            [5, -20],
            [6, -10],
            [9, -10],
            [10, 10]
        ]
    }]
}

你好，我也遇到这个问题，你解决了吗？#14583