Skip to content

[Bug] visualMap uses incorrect colors #20855

@958627869

Description

@958627869

Version

5.3.3

Link to Minimal Reproduction

https://echarts.apache.org/examples/zh/editor.html?c=doc-example%2Fscatter-visualMap-categories&edit=1&reset=1&code=DYUwLgBKDmIHYBMIF4IG0CwAoCEDeAbgIbACuIAXAAwA0wRARiMBQORUC0gxtaAceqwL41suQiXIUAjHUbM2EjoC5_QIyaAoTnzEylAEzSmLVto6BCa0DwOquEaxlAMx7ZrGx0DdnoBL_C-tFaKAFnsGfDkAge0Bvzw8RTXEAVn82KI5ATtNAI5twq28ANljWdI5AUNjAecTAaC9Ur3EAdiyyjkArNUAHjQ8AXWxQSAAPAEFWgEsAZwB9BCIwIhR0S1wAIm0qbXkqJyoJCCoqalWVibVcSenZjnn9pcW1tc3xiCmZuYWj7RONre3LvYPF5Zt7qjP1Hav9m-WPk-322F1210OyyiwMevxeAKo6Rh52eELeVDKyJ-YL-ryOAA4saDUf9IVQAJxEp7g0lvCTrBkg6m4gESCRUuFopYSO4rU6wnHwyESD58h4oml4iASIFir4CklSiTQuVMzm07lI1UKyWszHaiUs4WEg3YxWsymm4m6yHTDmCrkQWb28223mMnVGt7aUWM7ANGgAT06vQGQxGqEwZoAUgAVDgANQAkgAhDgAYUW-yzizVFzjidTGZzOe0eYmBeTaczgRWcwk5crRZr2bmZYVTerVHidcOjfjVeLPdL_cLXZyvdzHYHzcRrf27ZRneL5PnU6XM67q8ni5jm4z9LXDenY4PnB3o8H6ZFR8vzZvF5PV5lt6f99rI7f1eVr43p-vw5tne374r-e7_hIoEXv6NAkMAAAi4ajGgAaDMMyFoLQWEBphNDYTQaBSPhhF4XhOG6MRFFkQRdjEbR1FoH4xFMQxMTEWxDGZMRXEMRUxF8Qx-KkVQOFCcR5LCThEnEfSkkEbJMlEQxbJyYRVEifJ6k4SKqk6TJLEaYRBnaRxhnKrpPFmZZ2kCWZtnaWJymOWZ0nKa5ZTkVhDHTKpsy-UphnaFpBFBb59GBeFOG0FINhRTQRHafFNCxfJSWBUlKVoLoCU0Ul2g4XYOWMUlPg4X4RUxFIpUEZVnElThmRFRUVU4c1gn1QRQlFRJLUET1ynRTQ1WEYNZlSL1hHjcp2VDdpM1mYVs3yYtZnlUtRlpSZHWEbVVkZdpjXKW1mUSG1ZldclDlJR58n9Sd_U3Vlg2ZT5RV-TF5FTYFM0vfN5GLS9K1xRRwPKTQIOpRDWXg95MOGXYUMIwxfhQyjrFwzhMRQ5k2MYwRFRQwT7VQ0JUMSWTeMjZTslQyptNSLTuiM9TSMLdTaOrdTWPKdze20zjR3U0T53U6TNCPRI5NuTDj0-VDcvi59lN-fLTPeWrsus_9MtxbRutg3rqWG9Dxu6Mbdjm8lyNW4ZfjGzE9s2w1TsEZkxsVO7LtoEJxs-wxEnGwHA1e7JxsqWHMXTSHZvKRbsch3bymJ2ZDs81bEtu8pmcSx7gt2BLfsi_n2lBy56eeV7PnFyFkeBZHssx995chXHEVe7QTFxZ3qXdyRve6P3Q0MXYvcj9bvd-L3MRT0PhmZL38-8bPrXL51q_e-vEm91vwe97Je9Vcph9mQPUd72PbN75PSdDxL09p34GfrxIi858_FSP1dn_yUJ3-ETvZc_4-X7h3RWNd15-SAafJuQCL7az_rQNicUkGpRQSRNBugME0DQXYHB2DrZoL8GgmIxD8FzzIc7NBFQqEULXmgoSaCJKMNoVTNBsk2FSA4Swnk3DMHxzYbgm-bCiFpzYSQrO-Cn5sOoYLNhDDsFXRiBLJh0slEVwwYgsBWVOHeR0Q3SR5E-GawMS3FhtA3ZxQsalKxJEbG6EauRGgNi7DOKcZdAifgHEeLcZlGINi_HuLQJkLxQSfErxsRUGxQkQnRMCRJEJ8TAmyRCckpJUgbEqQyfY-Kc0wnLTyYRFxSTPE5PkiUk6ASJBbQycEpJtSTqRNKYRRpJ1YmtIKZLDpiSXrmMCT5Ox6S-mDN-gU0KdiinGJsbQSJcU-KJRmalOZIVxZOMcUstA-dVm5XWY_LZxV1lKL2Yc8hCzQnrIqKci57VTlCXWRJU59zg6nNkuslSzypCvN0M8r58dnmbM5s83Zd8VnpC2q8zIzyIWC2eVckWzzbnS2eY82W0y9k-XWX5U5mL1YgsMSstuWL_lxTEsSpJNASWpR9o4il0MqW5RpXYOlxUaV-CZTEGl7LAmZBpdywJFQaX8sCUJGlwq4nkv9uKk6tAaWySZSpGVUg5W6BlcqpJjL45ytZTfOVnKU6SoOuKvacrBV2X1T_Q1V05USRldavp0rvL2peoq3RZqsqqqbkyn0FrTFMtoNJOK_rUqBpIsG3QoaaDBrsJGiN1tg1-GDTEBNMbyHBsyMGio6bk2iSzWvYNEk805qpsG2SxapClsLTw4tYb473O0lGm-taykVsTVo8yxa02to7aaxtzSK1CR7ZBCt-bpahr9Q6wtflQ1lpxaG6tbdQ31sMtFYiy6wYKUSuu5Zm7obbsKnReKzED3W23ZVdiR7yHbsavxc9K9t1dWIveiV26eoyVXWZN92lxqKRvZpH9ak_06W3YB_SAHyoyVPWnIDV6JFAeajJODTkAOPrLkBl947t2vUol-l1GHsqUTw95PdhG_3RSKqRtdRVxpvXitRlS8MaPDwY7bJjZUWM1TY2gSqRVGrcY481JqHGupFSE0-7qHHZJ0e0uRsa4mqNR0k7-hThTxOFUo-VNT4muOQcozxmDHybLif44ht5V0lOdLMz1N60mK5Kfem9OTTdbPZTeqp4jSnopmzijwsy8VPOpW844nhVSt2I184EwqqMwvBeKgF9jPDfFhYvdlZ2sW0DNT82lxL2b4vZYpkFqSWX5IeaaRJ-mYWTrjWZvlxTtMItqsKxtarjXaaVWS_JVrMGMsvwa6dKLBnUuDpy-agbPUuujfQxl168tKtDIa6FIbbq5t1eMal6KLivNh3iut_zpsttor2_RnSoLcp6VY0ds7jtztxeNo1bboTTv4z28dzLD2N5Xbe4HJ7BXXsSbu79o-X35LjTDtlP7oP47vcA2Hcqf2YeQb-5VMOt29ndZ-81P76PjN_a6mHHqf28fobu69U2wO0Wk8c0T8Hbd3tete9FTxXm97xQZ_5weMp9vs8OyzjZzPj3c_KjPdnz3KoL1589xqvdmrc6l-1IX2Xt5i--3venKOVcybl0D3nJ9FeKfPjr5TnPtIC5R8bvVGudpa4Neb1He8ZfPd64b4b3PBt7x6s7t36HuevX7uNL3vucXm_m_3QqXuQ8MWig7LzbD4qVQ3Vg8yL0Y-MYTwVJPzHzLRfKqQjPmM08pcj67PPj2c_F_oUnzKXVmEl7QD1NhEeSv1_V7HzX5ltfV6CwIpP0XAPCK70bovFv2-VTYY1AvhFR-tuas33trfTNj8G2w2vJWl-BXrz0gf70x-b4D1v7KGDCr74H9FLiXmT_-bPyRbr6Ur-BYv4VO_8UL_lSf4_9GN-4sX8ap_1_hlmoX7_7Lhfl1Bfj1CAT_lJuAUVpAZNNASpO_v-vAUFhfoBsgffjfIgc_pBsgZVMgV_jBsgQAaaogcAcZsgaAdLPAa9BflQThtQeNNQdlAwdAbTtQWgUuvFOstFK8hwWuhijwdfusoVIIfwWdjsiIXFgcuIfduso1OclIc1Osl1IoVIT1HclIRJq8lwQDr1urp8uodlK8kIRDq8uVCYTwcCjoVtJYfJLITBq8goYLNYYREocZq8qoRQRiloavlIe9BiuNBigYQHhikYdTpwfFDStFDKuEWujStlLEdEYdgygkWdiyskXFhymkfdjypkc1AKpkV1CKpkT1DSsUcHIOu-pkXAQqpUXEfJjKoVPUZUeVDKs0ZBjKpVDKo1J0ZUbkY4TKgUcZjapUaUVEDZrEZEThrEeNLEbUY5rEQ0W5hEfFMGtFMWssWuuGp0tftGlsanrsd4vsTFkmocZVKmusRepmocc1MGl1Dcecd9gWocRJsWqsdoeWk8dlFWvcfkk8YVMWuVEwv3k8acZBu2t8ePuCQ7sWtccZsWrcRQcWj1KOusaMSFK8XXOCe9LOpiZ8W5guvcU0FgGhEQAAHQABmAA9gAE4ACiRAAAxgABYAAUAADsgAAHx4CWBdBklslZQNAoCoA-AACU3J2I9JFJcAPQFJoAJJwAFJ0AbJIplg_A2A_AKpWAFJrJYAXQUpow4poIupYAoAFA-A5wRpIArQYAZprArAAooIoAZJNpEwTpYAeYlp1pAAymAIGKaYaaCIGZSXAGAF6V0AAF6UCsAyj2kWmBmSkKlUlsAADEPgUQaZaZsZ2IgZEAwZYAAA6iAF0NAIyTaekCsA6dsGqdiIIOcGABSbKbqayWaQGaCJSVSQALZDBgAgBJlslEBUlEAdk9AimcmtmBktAQAdDdD9BwBDkgCjDTmhjEloCskDlDk9AkkrkiSEk5m4CTnBgzl9BzkdkLmoCHnLnhirnrnDlblXlVK7l7mTnhmjDEnkldCIDMlgBjlxmgi8lfmYSCnICoBrmDm3nbmCkABkkFEAYAhEQFIFN5m5K5VSYpv5gZVJ4ApAVJcAsF6FuA1Ze5EAGp6Fkp0pspIA8pip_ZYFyF4YmpRFZFMpcpCpSp4ZDFT54AUAIAsAiAfQ9A-gowMA8ACA75n57JHJrJJJkQZ5qA4ZApIp8pMgwA6FAA9KpRAExRRVRUqaBRuXecMHQDxSJfxcpRxTmZOT0GAFSaMKwIAG-mgArdaQVwAMA9CskADczlrlHltpEAAA1FOSGLOfOf5RAKwAADyqUMBUkcmsChWsCADStoAJ0OgAsCqAAPnl5W5Z5S5Vlb5QFRecFaefFZFdFbFfFYAED6PAgA3j6ADR6plR5fVe5XldxbxQgKZYJQFRFVFTFawOhehZhWANhbhVZVSXGYRVWQKNAFSV0AgC2XGfWc2RADYLQHGQwBSWAPWR2RQFECtdmdxc6ZID5HGdNSWTaTyLtTmepZpVKcMB-QADLKUUDWXkDnC1nYjEkABaDZW1Ywe145oIPQjJFJAA7mac9SAJWbgJhSQLqaeWDVSeQJDRAFZQOTacsEjYyUWadWaeZBAOpYACN-gAb3KAAbWYAGV66Fa1G1FJP1skeNqlgAz8qACd8YACFugAu7HODoUiU40VnoVLk9BJiIBWlmlUBjWVn_XbC-msmUAXAfk9AzUgAenbDQ3ACw3S3g1I0o1Ulo0XV7lc3Sg817W4DhnfUADycAAAshSaQD0CAPmZjQ4PSdZcAFmURXzQLQgELcsKLXGeLbgIDSDfDYjf1SADDV0HDbBQjRDehZrdrUjcDTNWAIyTjTEBAOhW6dzbQKnYbRAHrfSDrTmQVe7Z7SLXtW9Tmb7bBYGFLWaRMLLfLYrVDSHSrWHWrZHRrcMFrcLUjbnQbURcbdTWbZbdbbbfbQYI7VSc7UjYXYLa0MLWNecAGOcHzXNXtZLdLawPSUMDxdSYGC7YGSeVGXZYAC-pe9oIxJZpfNYYhlcZblwAXQYA7Q0NK9RF_toNEdL1pdlZRAM5d1H50tFdd9cAIAPpfp_9-F11iZtpyZ-IMDp9e58dCAidONdNgAm_GAAziYAPRmgAXHKABhcoAIFegAX4qAB8ZoAFyegABUqABQcszeheNaCGXYGd_b0LGF0PSQANYUAV2v1PVt3e17WMM9APX6DP17nqWADq2oAMrygAORmABOQdHUDaDerehT2d6b6aaeadnbgAmdSVA2ULo71dnfQ5dRpR-T2VSZoF3XTRAIAFz6gAbEqAAgmoAGAugAAkaACQ5oAOAWgAft5qUaXtldkbW9lmlkmkBwCO16m4XMkyU0AQAfke2tAinqNEVXW4BXUDVDWBU_3KU9BoAxNWmCkAA-eTYVrA7l3jStWFOFuZ1JfjiEPZzDp5KYgYsYVdIAET1g_gfQa95lgZV1tDVZr1AoBVwjRpzTtpm9PZ0AO9cDuAB9bAyVUzEA59EABVV9RAlZt999j9IdQzgZXD79IAvDOZ_Dv9QD2zjpf9IDajFdmjsp2jYV0DsDSNuACDSD0oqDmDuDhDpDlD1DBjBzDDM5zDbDHDcjAdij2dJjvZ5jJdOZhj2wRzj1CTIjqlEjMjILCjPD4LIZkLJA1ASNyjoZqjYDGjEDtzrAyZujZQ-jRFvTBF_T5wBAvQpAJA5tRAi14ta9NdrJXQIA9JIA8dNtitH5BAvZNtFAZJJANtlZm9wA9JpAAlaj4rwAkrcZCALd0pYTZpugcZ1J3LIZtpwrWtLDJA8zJ1pZtpprYA8zC1oz8Apj8zXLPLIAPQZpUYRFEQ1gFjAlsgYVnAvA9pWjSZEwyZ5IVAIAIAIbEwsL5dMlONUTXrLAYV8gyg_rNzgbyZZJZJKwGwUbgZpQ0tugUACLhgJg5gNAAbFAQbCA2g6Q5IEgCtOboIebZpdghbQjYVTgbgKbkDQbGbGb2bjzaQ4gEAfgrb3rrAgQoQXb2jQbWbWbkbA7TbEAKd8btp8QyQU7abdbIbGb874Di7mQo7Cb2QeQRQG7Fb6bZJ-I9J_be7MbEAFQh7tpVQdQZ7Qb5I5INg2g9J9Ju7e1i9NZAoV1xJNtaN45ST2wQHarctUpzr6ArArQ9pYVu9UTrA4ZiHrAqtrA_7oI4HftVtVJvLZpxJ5wPTAoNt01TrLrPt6FMzYVlVgAhFaADw-vM7gBy2FZjUMF2aySxws-GBQMSd3SExSR7ac4GbPejeA4GLG-A3e9oDQ0jayVSYqZhT0HLcK13fPdiISfwO5UAA

Steps to Reproduce

Steps to Reproduce

  1. Configure a heatmap with visualMap.
  2. Hover over data points.

Expected Result

  • visualMap colors match defined rules.
  • tooltip shows correct third-column values.

Actual Result

  • visualMap uses incorrect colors.
  • Third column in tooltip displays 0 instead of actual values.

Current Behavior

Steps to Reproduce

  1. Configure a heatmap with visualMap.
  2. Hover over data points.

Expected Behavior

Expected Result

  • visualMap colors match defined rules.
  • tooltip shows correct third-column values.

Actual Result

  • visualMap uses incorrect colors.
  • Third column in tooltip displays 0 instead of actual values.

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions