Skip to content

[Bug] visualMap pieces opacity does not override areaStyle default opacity #21232

@anentropic

Description

@anentropic

Version

5.6.0

Link to Minimal Reproduction

https://echarts.apache.org/examples/en/editor.html?c=area-pieces&code=MYewdgzgLgBBCeBbARiANgfQIYCccgHcMAHfYiGAXhgG8AoGOJVNALhgCJisoALVgPQCAsgCYALABoAHDADCAZlEA6aaJkxxABkkBGAKzLds7ZInzTS1aJhW1k7TAkOt8g0ekuYnuzc_m5T3djGGDPWWdZYSkAqQVDLXFQlQBOADYHJOdxJMUEqRzNOPyis1ycvVS023yHJwK3KrqpXSrNMpgALRgxDPMAGVEM3WrB9RGYMY7-kennJUmlOb6kzo5JBiYUdABlAEsALwBTdgVPTYRttAAlECgeE5gUnU29qCPEHah4NEf6RkYoDQIBw7A4AGJRAARACCOQAoutNgBfDbIuigSCwS4sDCgRDEX7vAAmJDIFGo_y2LDB3D4ghECgURm0KQUaXGhl0KQA7GldDzJqItMotAKtKJdAozNJlEoDApuZNWqo0jz9DzxPozLojCkbDMRVp9CkNVq5kbxZLpUzlKbNeI0rJ-vE7eJpGyOXpZRL9PpFSlFszdKz2Zy9XyBV0etlRdJ9LotGkzm5mVok7zpDyHHGE0mU-Jc4nk0E0xmeVnNEX8_5ytWS5IFIWUmyJVLQmW0pns-JmSkQx72fUHH2B575E27a3rSO7WOh725-7PY3m9P24v-8v2R05Jv58NO93bGuFG3pYWtPHiynY1e8yXo2I4ik7QGQ4G5MFefzswpX2y3Ift4opOveui6I2KjSBKZwKCBSYwdekEBD6YHIXoXI_lG36RtmaFIQmujDgR4HEYo0GwdI0qkchtgAe-4gpJhEa_vRb5AUxu7_hxW7MXYVHwQJohwY2DGcYG8ziXxXRIowOK7IcjxnBsjBvB8Xw_H8myAugIJgpCsIInJMConQ6JCDABC8OpMDAHsODAL8MDIAA5jAABmIIwHwRzUugEAYuA0D-ZgblkiA5BULQFzMOgtI8PwQjCPoOiJjAcI6I4riQcRqWSM8GWmNloR6DA-XpWsqmhfsxynOcanvJ83y_OwVK6cCoKcOCABifUmWZ6KRVAezgNFVIAB4whNewQG1Ok-fAxCPAA5AAblgaAAK5HCt1WMIgexgOwLwAjAiBYBN7CJqdAKoFtYDErg8AAOJYMQ7AeZtEBHPtMCXbN_RYMgRxsLQcC8IQn3fX5ZlnQDEAACp7MAADWbUQ1Dnkw6Zf0QISbz9EdfyYwQ0NoD9uMotV8DTbN81nd8y3sOtm07Xt1ObGts1bZtwjvQzAJM6txB7EcwBHAQs27XjkNk9jFO_WdAKWTZxJ-b5MC_K5RyPQtxJ7IgusQKNx0wDoyswJZE0ALQIwtP04GLEAAJKPUcV3m5IZ2We9hLwD5IA-bwfloMTcBHE7RyBT7AieXsaBoMHofh7gRxYBHrlG2AUAxwCovi9H7AANoLYwNAwK5UAnd7WvvOwzgdfpMArTgrnIFgAAUOhpTBkgimkACUK241bccECCqN52dFdVw3Uh18pnhN11rft13Pfej3RjD6PlkTzgU9l-Dc-2MvaD1zAXp2Xpq9t8g3f91vw_e5FWD2d8J1GHvcfEiA0cwDAHcKyk9j6z2rlfdQi92B8lrkCZuK1wTpnTMAYAOQR6ojHiAw-08ATgJgRkaBoR0ze3gavQycJxDwj2jAN-H94Bf2Ipgyyf8AFANgAfVGC0AC6nNGCuSdsSQWjBfgeQgbdRgTtXK8AgZBBaUBIrsAandO4CjEDXVENqRglkLqoz8vgEAiBPLeTQMDUGFAQbAgIDAW29szqYnuEdIGlj2BQBwDtaqcMI5RzmjAUuM9j7CxZmHMAMtj4KTBitIBoSOaWw-MQXgWATa-JoAbCAwNfhCJ8u4o4Xj7FbRwBAZuHB1ZfS2hfEyZ0QlHE0q1cGZCWbgn0OIHkWg5BpBoVLYk9JNBU0tmnLAtS_iYO0XHX4WA1p-Xid8OAQduYQF5mgfmxAb453wBTeOidj5PXuCXY-jBi4W3VFobhtdi6N2OaclWccPKmOxLZeZbx9l-JUuVGCVzi7X30O82uWDbk8BciAEAqMjruXxNnCWxJnnF1gU4VKHybre00Sc65nk7mAuBaCm-BIiRHChZbU5x8LqHwAAogCOhA9qyssBgENjwU25Mfp_TOvExJyS2ppIyXi1xOS8nK1MS4mKlszoQDljyjxzzGBpPuGACW7AF5YJAB5DyP1YAeXwEY2xM0KAAGpQqSpgMQEAJsRrgBZqgKAajYnCsYF5HOtVHjGGZfy4mAAJI4expEQJ3AahpLdwRMiZHILQ1qbVO2APwIVNqAQbTBlS6Nxj7VKVOBkA1Z07VQAAOoeq9WCFgxJKnRr5Ta2NeJDEfSjQm214AoAOpTc6m1Gbs2epkXm9ABaG3Cr9RCaElDERpr6VWg2yrhFVozXW0Iqaq2DptcWgEc6pU8CwHshNFdQAgiycXVo3sTne2UPuiJGBwqkEihABdeCb4bpLtu82Vz93KEPbgfARAT3kG9gK0GGMvI4AupayOLN9jvBgAANVmm8CAAAdMANBY0AB9jnIig6kvYyrYOdxugAUkHsiDBM7hVrqBTgTd-Vb17oPXFMKrkIrkHPeXS9RGS4kd3TAe9j68CEGoxAd9Zi43GJ_Twd4q8ABCQKQVgFchQOQhiIV4qQ3B75WhEPQeHR5NDPIeRygw7QjyMBjnYdw7R-phHN3SGXsx1jFGj1UdfWeztdH10Mb8aZndd7yNXDLTio4JJOPccFRXb9v7BMsxE5i8Tkny24uJHJzaHniCweRUp5DqHO6Ll0FppVbytD6dMqZZ5vDLZzuJajImoTR3w1pb-hlCsmXPIiSXKJ4AZYt2ibtQlNqP28dFVjL6is8MsoJGy-mtBOXIEyeK3JnadnLr8QaiuU1tXzz68rObdNfEpkMythbkClszxsatghO2L3zaGzdQ7-XlZ8vRIwXhyIADcQA

Steps to Reproduce

I am using visualMap to fill a line chart with different coloured areas below the line

There is already an undocumented(?) behaviour where I have to set areaStyle: {} in order to be able to fill with the visualMap

pieces docs say I can set both color and opacity for the visualMap pieces https://echarts.apache.org/en/option.html#visualMap-piecewise.pieces

However only the color works, instead all the pieces inherit the default 0.7 opacity from areaStyle https://echarts.apache.org/en/option.html#series-line.areaStyle.opacity

Current Behavior

Setting visalMap.pieces[].opacity has no effect

However setting visalMap.pieces[].color with an alpha component does have an effect

This makes it more complicated for me to build a frontend component for the chart which wants to treat color and opacity separately

Expected Behavior

visalMap.pieces[].opacity should override the default areaStyle opacity

Environment

- OS: macOS Sonoma
- Browser: Chrome 139
- Framework: none

Any additional comments?

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugenThis issue is in EnglishpendingWe are not sure about whether this is a bug/new feature.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions