echarts icon indicating copy to clipboard operation
echarts copied to clipboard

[Bug] When the progress of gauge is displayed, the property "detail.color" behaves abnormally

Open comvir opened this issue 8 months ago • 2 comments

Version

5.5.0

Link to Minimal Reproduction

https://echarts.apache.org/examples/zh/editor.html?code=PYBwLglsB2AEC8sDeAoWsDOBTAThLGAXLANprrLnoBEYAniFtcdQOYCGArq0wDRWxqAWwjRmsAAz8KgoewAe4gEwTV0itQDGWaGFziyMmdQCsEgKTV1RwQHYTlgQF1rghRAwAZUU2KobNAA2PgDK9IG-lAFG1ADuEAAmYAAW4mau0VrAgcA4BgLRMoaFJRIAdADMGSUxAMQAggCi9RUAnBXUBTUuXSXFNQHlttUDNLUAYkoAwhX19Z2jFD2L6P0r6ACMI6PUtbYAQgAirfUmCytOvUaX0QC-29QYycCx4gBm7IHYAvcC1CDAUR6PJ-K6PZ6vYhgHCcLAPCCaGDif7sFKEAD06IAshslGUABy8IaBXG8AAs5Q2AAkhp5cQSiWVbAAvKxgiLQVgpZG4ywPeJJVLEFQPYBvN7YMBTHTA_IDKRXYwAWgAbBZzjZlgFqBA9EIwnQIuJ_DUsjkQW5OGBgBqjLcfq5qO4MAAVBEAa2NYKeL3en2wrl-xmdnnYACMsIEvZkfZDYB8vlgHX8MCBgmBvNBIiabODfcQEwHk8YQDhgKwcAQMNHtbHxNDYfzEtziOkwbqsPrwtnFRpEebkVxrbaZPbR46Eqj2HKAjnCtQAG6fWHiXFqXs0aDsISRaiAfb9AIXRbIGVzHSwnWDA7AgUdBMYh9ZhcLB_dyg6tNoebxgYBCEGZkRKGSDxLoEsL1NAEByJASJQk-oripK0q6PoxBrNECoDNQSoVA4I5LMWGiQGARp3rWD5wY2YJihKl7IbKaEbpI2zKhs6pXFq6BBhoqbpgAcpwQgRhaJiOjg7AJBAnDViwGwVOqjoYFeOBgBBrCkbAGz4phGg6AkakaTpNCdiAyTsBgHg1rmkkYOGEQJI-sKETQzIRAukarq4KBnpctwANxAA

Steps to Reproduce

chart option

option = {
  series: [
    {
    "type": "gauge",
    "min": 0,
    "max": 2000,
    "center": [
        "50%",
        "75%"
    ],
    "axisLine": {
        "lineStyle": {
            "width": 50,
            "color": [
                [
                    0.3,
                    "#AEA393"
                ],
                [
                    0.7,
                    "#F2C3AA"
                ],
                [
                    1,
                    "#7BD9A5"
                ]
            ]
        },
        "show": false
    },
    "pointer": {
        "show": true,
        "icon": "path://M12.8,0.7l12,40.1H0.7L12.8,0.7z",
        "length": "12%",
        "width": 20,
        "offsetCenter": [
            0,
            "-60%"
        ],
        "itemStyle": {
            "color": "auto"
        }
    },
    "axisTick": {
        "show": false,
    },
    "axisLabel": {
        "show": false
    },
    "splitLine": {
        "show": false,
    },
    "progress": {
        "show": true,
        "width": 50,
        "itemStyle": {
            "color": "auto"
        }
    },
    "data": [
        {
            "value": 1200,
            "name": "统计",
            
        }
    ],
    "detail": {
        "show": true,
        "color": "auto",
        "fontSize": 24,
        "valueAnimation": true,
        "offsetCenter": [
            0,
            "-35%"
        ]
    },
    "title": {
        "show": true,
        "offsetCenter": [
            0,
            "-10%"
        ],
    },
    "splitNumber": 5,
    "radius": "130%",
    "startAngle": 180,
    "endAngle": 0,
    "emphasis": {
        "disabled": true
    },
    "zlevel": 1,
    
}
  ]
};

Current Behavior

"detail.color='auto'" or "detail.color='inherit'" will not be valid when setting the property "progress.show=true"

Expected Behavior

The color of "detail" should be displayed as a numeric interval color. the "numeric interval color" is from "axisLine.lineStyle.color"

Environment

- OS:any
- Browser:latest chrome
- Framework:any

Any additional comments?

No response

comvir avatar Jun 21 '24 09:06 comvir