VisualMap-piecewise is not applied to Parallel chart, if Parallel has defined ParallelAxis with this data

[Akkarine]

Version

5.1.1

Reproduction link

https://jsfiddle.net/8m46r9x3/

Steps to reproduce

https://jsfiddle.net/8m46r9x3/

What is expected?

VisualMap will work even if Parallel chart has ParallelAxis with this data

What is actually happening?

VisualMap is not applied to Parallel

---

To make it work just comment ParallelAxis dimension 2 (see comment line in jsfiddle link)

[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 it contains a minimum reproducible demo and necessary images to illustrate. Otherwise, our committers will ask you to do so.

A minimum reproducible demo should contain as little data and components as possible but can still illustrate your problem. This is the best way for us to reproduce it and solve the problem faster.

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! 🍵

[100pah]

@Akkarine it's a bug.

To make a work around, we have to probably add another column in data and make visualMap component refer to it.
For example:

option = {
    'visualMap': {
        'orient': 'horizontal',
        'top': 0,
        'left': 'center',
        'seriesIndex': [0],
        'type': 'piecewise',
        'categories': ['flat', 'linear'],

        // Refer to the new added column in data
        'dimension': 3,
        // 'dimension': 2,


        'inRange': {
            'color': ['#155872', '#1cd841']
        },
        'outOfRange': {
            'color': '#ddd',
            'opacity': 0.1
        }
    },
    'parallelAxis': [
        {
            'dim': 0,
            'name': 'mae/amplitude',
            'type': 'value'
        },
        {
            'dim': 1,
            'name': 'time',
            'type': 'value'
        },
        // Just comment line below and visualMap will work
        {
            'dim': 2,
            'name': 'test',
            'type': 'category',
            data: ['flat', 'linear']
        }
    ],
    'parallel': {
        'layout': 'vertical'
    },
    'series': [{
        'name': 'parallel',
        'type': 'parallel',


        // Add a new column the same as dimension 2
        'data': [
            [0.106873855811681, 40.8704931735992, 'flat', 'flat'],
            [0.116787657916912, 34.3274087905884, 'flat', 'flat'],
            [0.113293574574632, 97.4140477180481, 'linear', 'linear'],
            [0.11207702142822, 51.7055630683899, 'flat', 'flat'],
            [0.107281154014564, 40.8551776409149, 'flat', 'flat']
        ]
    }]
}

[100pah]

Just a memo for fixing the issue:
To fix this issue, probably we should modify here:
https://github.com/apache/echarts/blob/5.1.1/src/visual/visualSolution.ts#L238

                let value = dim != null
                    ? data.get(dimName, dataIndex)
                    : dataIndex;

+               if (dimInfo.ordinalMeta) {
+                  value = data.getDimensionInfo(dim).ordinalMeta.categories[value as number];
+              }

(Just a demo code, should make it better when fixing this issue).

[Akkarine]

Thank you for workaround! But I use it in more complex case, so I'll wait for fix.