[GitHub] [echarts] Drevarr opened a new issue, #18204: [Bug] series-boxplot.itemStyle.color doesn't handle function return as value properly

Mon, 23 Jan 2023 12:17:44 -0800 


Drevarr opened a new issue, #18204:
URL: https://github.com/apache/echarts/issues/18204

   ### Version
   
   5.4.1
   
   ### Link to Minimal Reproduction
   
   
https://echarts.apache.org/examples/en/editor.html?c=data-transform-aggregate&code=MYewdgzgLgBADgJxAMwKYQgS3BGBeGAbQCgYYByAIVQQhoGsaB9AETgnIBpSKBhACyRgQAWwCGYYMwASqMQBsuPciwRiA5uH4BXMFBlzF3MuQBimBKgBGasABNW7JSfOWbEh7IXOKAJTlwzGwcxn6oYKjqYnaojiHKAMqg2gjqscE-5ElqcIEITF5GiYHy8jZyjPkZoeQAKqgigdBxmfWN6FAFhpkA6nIAbkFONT2YpVbhMVVOxAC6ANzEoJCwAApIaBjYYLwg8iAI-DAA3jwA4tpiCHaYEgBcFADEAOwATLwAjCwAnD6qGlpdPoEA9yC93l9fqFXNZbHZQeDPj8fKNxpMaAi3kioTx_IMwBIoAiWB8AGwAUQArABBHyyNTyeFPEkUmk-fwRKIxYlkqm00IANUw9kwwDEUAOPNZ_J4PSuCGwIKeplMLNJPmotAYGOVqrJ6tCCRKZUsYkqCJVao18mi6AA7gcwBa9aSDTxyWB1MLUDqwSwAAzfXiUnFkbJiXK-x4BoMhul7EAQESYKD8YmB4OhmAAWVQwH4Ekw0HTsazvgkaSVYIAHOSWKYACwNv4IbSYJk1uuN5uGkDaMpyYtPWv1ps-ACqejEIlQHceI-7Plq_EwqGQCN4_urpm-lL-V1nqH6Yw3W53e9CLDkMQAnqhT9vdz4jXngQ_zz5yfIGuEoAoi0SyqktW1LVs8S4NE0gFgqYwGgeBoR9GIgxVo8sEgWBPi8OKCg3kOMFwZhoS5kmUaUKSzzfCwF48AIQiiBIUioeRlHUT42YWBo95PCxVE0WQQoIFA2iJiACK8WxoQAHJ5kg4iSFGlKvNSzykqY7IBIpymqephrJKk3FgkpKlqXSVxWMKlYIsZOnkMQAC-izECAcBQNsRynGQblQN-DwkGQZDHDA-
 
gAB7QSwqwJDAVg3jA6woOgWDgDAYjAEgGApaUMDIJg6j8FAIQwN-yDQVIeg0OQMD2aEgU8AFwWoGFoIRVFqXpbgCjyNluX5bgAA6YDaJGSoAIoAMwwAA1DAHwAHSUjAABUMAAJIjb4MADfsdo6iNHwwAAtDN81Lat60-PVVgHFMuz7Kh3wPRdAVXdcNCjHYqYPB8NUBaFUAJFAN6-Sc2XgP9mAAF7cR8DZVT9ZDFdBHz-gApE9XkuaC3yo3Z9X2TwsyhHYOF0IB_kBZ59UwAA9NT8CWFAbk0AduXCJYdUBRAfYIFIfmEB8rykt8s3I9W1acDAzxgbNzz-g230wGNzxzWNMMNhLY2kv6s27q83wSx8zwNrNDaqa8BsfN81Yi9WqsW_6zyzdWHyUs8EvVkLs2vN7lIS28pKzWNDYURLlINmNY2B5S0d-yGUfPG7itywHrzR-rM2G9r1b-qS5swN8Lsmw9iekpHluG4TRDI9rY2vMr7uzcBEcS1rXua3nevC8jwGV4QRuN4LvdjcLpdG73wFewneffJHlJN37Mu2-nlLWx82djRLrzG7X3x58bzxh-LM3G9W2O-zAdeNw21Z5x8kfK6SCtG3Nzunwbrwi4Ge8j1v6drzXB9z4NmFoAve4cTbRwVq7HWucN6Kw_k2I2GspazX9P6b2GsySB0NgrB6TtU5wIDlPc-tsvZKUIXNBO1ZKS92-Cgx-lI4Fz21oLSiGthbfGAh3WujtXjoNJC3PBW5H4SwbOg4WQdXSb2Vsbb2M8Db-kpI3B2Q9W7D1eNWXuUsiFNgETNWuJtnZAIdhAm-Btw4pznno10SiQxwNeMPGurwBYG2do7ZWc9BHa2LjQiWhBd6GN3KHF-Yi9HDy9mBI-DiWGm0Ts4yOD0gkwAbHPT-ltpFzSUowi2jtKRoNeOPMa1sb5h2QUopW1DN6kOxjnA2roa6l2XnkxeSSI6y1QQnc-hsUHB3kckrcXsxGaL8akt4_o4G
 
G1QTfI-MMdZm03vLGWUs4EF0DunWuH9ZbOINprRuYsCl-ITvNa-cC3ioJSUfYpqcFZjSUd7cZBsJGu1EXNBsDigHCxDOnFJOs9ZHyDk7dBf9XSoMpHfd2ICKLfIFtglJBszkUW2fo42us9GW0DqXBWN8TaYtEY7Lhwyq63I_kLQ2m9W6BkDC3JSMs5aiMYXNZx6SYC5xVqfXxVc74fzXlbURzsIlB3MQC0ugsJZWwDuHJSGtxmR2vtWP-ytV6svdmNbWIqxqzFmBzaqHNKb1SgLYCAyADgiAeHqqmgNAigiuiFOA-woDowCogYUgEDXaFQPDAKywcrqDNRzKmMAUwNCktOVApgTXijfNlXQwA3LJQABRwCuNOCAABKE4_qA0wAZikMA9MEpbBwIQJNagRAQFmv0BQ7qFiZrxrWqqmb8Z4x-uasgyA5IsBJqgKAK17CNS-p69tohaiGuNQgEQ_gID9kAh8bVBMiY4QAFogFEH5XVmb2ygmJn-ZdogAAajrLWGQgPIdsFVPUhWpCFIsvaYghT8v6QmmbEZfX9IOsYwJswgG5BQSCgNHXQCuIBN9mbJivv9NqltG6OzbrELukQABNQ9N4rUUBPWehAjqbxXpvX2-9RBH3vvkJ-79hk_03gA3-ISDwQMBrAzNNBc6yBPoxnsNycAzXBQVOoKyFAg0iC4Cla9EBVggBdTqIKR7QQQALHYEAdpKr2ThjwdQComRBRfRQZGaMJbcfyqCbTgmrqM1XVpykaNlNkGw8Jv1-qUOGTFPoTQCAKM_SuroYmLmzgRgeG6j1HMCQzm8xxpOP0IB2pTNSU0nGZPyd862VAlnOYRagAAGW9DF_gcWuPuobWQHVZBL02ZBlJiglb5DusE4FwyLVBPhdPVAKLchMvZb81VJLdAFToDXfVVtMBqvWpALa-1yHUPkBtXakADrPWwdJre_tM1PX8YBkDbifWyCgDug8ZAMa415vjZ11cEB5shXTetgKOaE
 
B5vipsJKOwEwIEIId9AJ3ZrVdmvVlM8byBMEEx8VNNas15apgVqm4RQA_skyu4jmAQv803hrURodZjA_y1BgNA2KB9h8quTDnrSvkAgI54Ejrwekc4_hhWN4aNJfqrN7tJ2Hjmw3foEQK3gbnc25KaNkg9swAOzQI7J2zv1rIJd67GxErbFugcJ7guXt4be6Gj7KXvu_YNgDxYQOm0g5-jrrVjliDEBEDeAQQHZrgG-8AU9wB6CCZ27z9yAuuvHbwyLsgtMTdm6EhbsAVubd24lg72N2xndC7dxmjbOA9ioFmvsdQ33Xuwf9HV-Xru72zVg6mrXMBlhc2_HHkACfyA3YOr4GPdxU8u9e9V7PPA88x8L8Xm7leJbPfT41JXM4VcNbV391Ns0JQAwVJ6eNqa69R8gI3-P32bvvAe63uKkvC33bunL6viv3ufagH3jXswJ802puLpfBa7sy8e-3pPOFCCPoN9noAA
   
   ### Steps to Reproduce
   
   load chart from minimal reproduction link.
   
   ### Current Behavior
   
   Setting boxplot.itemStyle.color by function results in all bars being the 
same color.
   ```
     series: [
       {
         name: 'boxplot',
         type: 'boxplot',
         datasetIndex: 1,
         itemStyle: {
           color: function (seriesIndex) {
             return ProfessionColor[seriesIndex.name.split('_', 1)];
           }
         },
         encode: { tooltip: [1, 2, 3, 4, 5] }
       },
       {
         name: 'outlier',
         type: 'scatter',
         encode: { x: 1, y: 0 },
         datasetIndex: 2,
         itemStyle: {
           color: function (seriesIndex) {
             return ProfessionColor[seriesIndex.name.split('_', 1)];
           }
         },
       }
     ]
   ```
   
   ![boxplot itemStyle 
color](https://user-images.githubusercontent.com/16168556/214140813-f8e95fb2-ef08-4052-8644-d2203bc25a50.PNG)
   
   
   ### Expected Behavior
   
   Expect  the function to color the bars appropriately, in the same fashion as 
setting 'boxplot.itemStyle.borderColor' by function.
   
   ```
         itemStyle: {
           borderColor: function (seriesIndex) {
             return ProfessionColor[seriesIndex.name.split('_', 1)];
           }
         },
   ```
   
   ![boxplot itemStyle 
borderColor](https://user-images.githubusercontent.com/16168556/214140758-70d21712-daef-4dd5-a0cf-81003f38571f.PNG)
   
   
   ### Environment
   
   _No response_
   
   ### Any additional comments?
   
   _No response_


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: [email protected]

For queries about this service, please contact Infrastructure at:
[email protected]


---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to