visualmap dimension等于2的时候不生效

[KehaoWu]

Version

5.0.2

Steps to reproduce

在这个例子 https://echarts.apache.org/examples/zh/editor.html?c=line-aqi 的基础上修改代码：

$.get(ROOT_PATH + '/data/asset/data/aqi-beijing.json', function (data) {
    myChart.setOption(option = {
        title: {
            text: 'Beijing AQI',
            left: '1%'
        },
        tooltip: {
            trigger: 'axis'
        },
        grid: {
            left: '5%',
            right: '15%',
            bottom: '10%'
        },
        xAxis: {
            data: data.map(function (item) {
                return item[0];
            })
        },
        yAxis: {},
        toolbox: {
            right: 10,
            feature: {
                dataZoom: {
                    yAxisIndex: 'none'
                },
                restore: {},
                saveAsImage: {}
            }
        },
        dataZoom: [{
            startValue: '2014-06-01'
        }, {
            type: 'inside'
        }],
        visualMap: {
            top: 50,
            right: 10,
            dimension: 2, // dimension改为1的时候有效，但是改为2就无效了
            pieces: [{
                gt: 0,
                lte: 50,
                color: '#93CE07'
            }, {
                gt: 50,
                lte: 100,
                color: '#FBDB0F'
            }, {
                gt: 100,
                lte: 150,
                color: '#FC7D02'
            }, {
                gt: 150,
                lte: 200,
                color: '#FD0100'
            }, {
                gt: 200,
                lte: 300,
                color: '#AA069F'
            }, {
                gt: 300,
                color: '#AC3B2A'
            }],
            outOfRange: {
                color: '#999'
            }
        },
        series: {
            name: 'Beijing AQI',
            type: 'line',
            data: data.map(function (item) {
                item.push(Math.random() * 100)  // 这里item多加一个随机元素，0-100，一共三个元素
                return item;
            }),
            markLine: {
                silent: true,
                lineStyle: {
                    color: '#333'
                },
                data: [{
                    yAxis: 50
                }, {
                    yAxis: 100
                }, {
                    yAxis: 150
                }, {
                    yAxis: 200
                }, {
                    yAxis: 300
                }]
            }
        }
    });
});

得到的图折线没有变化颜色

What is expected?

折线变化颜色

What is actually happening?

没有变化

[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 question.

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

Have a nice day! 🍵

[echarts-bot]

@KehaoWu It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people, we'd like to suggest using English next time. 🤗

TRANSLATED

TITLE

Does not take effect when the visualmap dimension is equal to 2

BODY

Version

5.0.2

Steps to reproduce

Modify the code on the basis of this example:

option = {
    title: {
        text:'Distribution of electricity consumption in a day',
        subtext:'Purely fictitious'
    },
    tooltip: {
        trigger:'axis',
        axisPointer: {
            type:'cross'
        }
    },
    toolbox: {
        show: true,
        feature: {
            saveAsImage: {}
        }
    },
    xAxis: {
        type:'category',
        boundaryGap: false,
        data: ['00:00', '01:15', '02:30', '03:45', '05:00', '06:15', '07:30', '08:45' , '10:00', '11:15', '12:30', '13:45', '15:00', '16:15', '17:30', '18:45', ' 20:00', '21:15', '22:30', '23:45']
    },
    yAxis: {
        type:'value',
        axisLabel: {
            formatter:'{value} W'
        },
        axisPointer: {
            snap: true
        }
    },
    visualMap: {
        show: false,
        dimension: 0,
        pieces: [{
            lte: 6,
            color:'green'
        }, {
            gt: 6,
            lte: 8,
            color:'red'
        }, {
            gt: 8,
            lte: 14,
            color:'green'
        }, {
            gt: 14,
            lte: 17,
            color:'red'
        }, {
            gt: 17,
            color:'green'
        }]
    },
    series: [
        {
            name:'Power consumption',
            type:'line',
            smooth: true,
            data: [300, 280, 250, 260, 270, 300, 550, 500, 400, 390, 380, 390, 400, 500, 600, 750, 800, 700, 600, 400],
            markArea: {
                itemStyle: {
                    color:'rgba(255, 173, 177, 0.4)'
                },
                data: [[{
                    name:'Morning Peak',
                    xAxis: '07:30'
                }, {
                    xAxis: '10:00'
                }], [{
                    name:'Evening peak',
                    xAxis: '17:30'
                }, {
                    xAxis: '21:15'
                }]]
            }
        }
    ]
};

The resulting graph has no change in color

What is expected?

Polyline change color

What is actually happening?

no change

[KehaoWu]

仔细研究了下，应该是非x或非y轴的时候，只有点会变色，但是线条不会变色，这个能满足吗？

[KehaoWu]

咦，为啥子官方木有动静

[pissang]

@KehaoWu 抱歉之前过年休假，目前折线图 visualMap 只支持在 x 轴和 y 轴两个维度上进行设置

[KehaoWu]

@KehaoWu 抱歉之前过年休假，目前折线图 visualMap 只支持在 x 轴和 y 轴两个维度上进行设置

好的，期待