apache / echarts

Apache ECharts is a powerful, interactive charting and data visualization library for browser

Home Page:https://echarts.apache.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[Bug] Gauge chart: Progress axis color disappears on negative min max limit

akashsonune opened this issue · comments

Version

5.1.1

Link to Minimal Reproduction

https://echarts.apache.org/examples/en/editor.html?code=PYBwLglsB2AEC8sDeAoWsDOBTAThLGAXLANprrLkWxgCeIWxA5AOYCGAri1kwDRUUMYNjjABBaCwA2jWAEYAHAAZ-1dFmgATCdNkqB6ALYRoxfWtiG2AD2IBaAEwAWc2owgpEMADkOhgEa4xHIOqmpeWIYAynQyxKgW6ADGwFLAOMwAxACsCgAiAJwAYgV8BoIAFmyawADuAMKp6cw4LP5sABQqcgDMCrwO2dm8SgB0TtkAlGWJmFU1tQBCUhwZ8q4WGPN1APIAZnvYYAAaxKHl6FvVuwdHAJpn5QC-YdQgOMAsOARElLNbdWIYBwHCwrzUHw4WnqbBAQJBYIusFqEE0YAqwQUz3B6BAwBMYCCf0SEBSplgTBAbHRhAA9LSALIOJQFMY9ABsfQKvHZcmyox6LIKBVgABlmayBZyFNzefzBcKRfUJXJxgoegB2UJygVCkUShzjJR9Ho8uTs0ZyAouBwKWAG8ZOBTZWVyDUCkIFbLssUSi2s9kFfpahSjDVDAoOJUS91KbJ84YanqGjlejUa-0spyjBw9AqmpP8pzmhwhTOS9mDdns3iF0bepQau3KlljbJ9Ca1nr871OByB8tjCZyN1dnvVpRyJyDqVcsf1idT32t2cy-fe9mT6cthQWjVOJM1usbreZ9WjBQJjVdw2cvs9M89C9X2tR0aTjWBhywHdPy9Da8Q1GfMlGLb9mXPS8k1CICFCcHolwgv8ILkV9Q3DF0o2XBRQwcDVIzNd0EKjb0fwg0NkzzGteQtK0bTtCCChzJwXGvHUFWFGcOTndi9VgAAtGZEhkSQaQpcMAFIhIsFE0QxeQayRYBbiwMB6g0Qk1hIFQKWyKSAF1sXKGwIAwUUTFkBJEkhaFYXhUEcQoTxoCwGJaDiYlZlksTFCRJ4jIsEyMAAFVJABreIkXcTwfD8QI1nOWZnNc2JLKRdBvPkxLZlgFI0jWJhMkVJg_ICtwPC8cyXMipKNBYHzsosZK3I8qyvNRMTTXS3KmgKorhRK2Z_IsF5jOsUzRTYQIpBqxJNFM4RoCSWRBUc5JeqyYq1tgPYYDAKIIAAL1kZkyuoSAwFaqKKkBHa2CkbAzooTRVLYCAZs8tR2iSMKvmAKFNEafKsgOPZpK-9IXpwIHmgpfrSm2_xIdwAB1Dqsu2zLmE3KTtuSgAJLAIBYCowGIFxtoqImSbJ2AKaRJGcChgAlaoIA4X5-iUlS1I0oltN4CluwM7aADd7tBCQICsSAYHsxFZl2nAZc04g9ihJJZbgDpxZWLBJk-ixvjAVY4CYJBddBAAfJhYAAalgS2sFGMBgCKCBrCwTQugNh2mCeJAoS8K2wsMWkKieJgAG4_O2vAknktrEid2acp2vaDuO4hsg2HLdugMAUep0nmCRqQofB2Y8thwr0w1QactGtOg9ppPFYzo6TtzquNrhrbutxap5skYgBdgHTHB0uQlEMtPhsSefqCbtRNGpNhR6RNu1BT2A7GnpRSosWeKHnwynijoA

Steps to Reproduce

  1. Open gauge chart
  2. set min to 0 and max to -100
  3. see that the progress color is disappeared

Current Behavior

When the min and max for the gauge chart is set to negative values (we have a requirement to show the gauge with negative values), the progress color fades away

Expected Behavior

The progress color should be retained irrespective of whether min max is negative/positive

Environment

- OS: Windows
- Browser: Chrome
- Framework: Angular 17

Any additional comments?

No response

try axisLine: { lineStyle: { color: [[1, 'transparent']] } },

We are actually doing something like this example where we set the color of progress to 'auto' meaning it should be taken from the axiline color. and we are hiding the axis line.

In this case when the max limit is negative, the progress color is black/disappearing