8000 [Bug] 仪表图指针位置不正确 · Issue #2780 · VisActor/VChart · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content
[Bug] 仪表图指针位置不正确 #2780
Closed
@skie1997

Description

@skie1997

Version

1.11.2

Link to Minimal Reproduction

aeolus

Steps to Reproduce

const spec = {
    "type": "gauge",
    "padding": 0,
    "categoryField": "name",
    "valueField": "current",
    "startAngle": -225,
    "endAngle": 45,
    "outerRadius": 0.75,
    "innerRadius": 0.525,
    "min": 100,
    "max": 1000,
    "roundCap": true,
    "data": [
        {
            "id": "data",
            "values": [
                {
                    "current": 16068954.132933617,
                    "name": "销售额",
                    "emptyName": "",
                    "progress": 1
                }
            ]
        }
    ],
    "axes": [
        {
            "visible": true,
            "type": "linear",
            "orient": "angle",
            "inside": true,
            "min": 100,
            "max": 10000,
            "innerRadius": 0.5075,
            "label": {
                "fontFamily": "Byte Number,-apple-system,\"Helvetica Neue\",\"PingFang SC\",\"Microsoft YaHei\",\"Hiragino Sans GB\",Helvetica,Arial,sans-serif,\"apple color emoji\",\"segoe ui emoji\",\"segoe ui\",\"segoe ui symbol\"",
                "visible": true,
                "inside": false,
                "space": 0,
                "style": {
                    "fill": "#808080",
                    "fontSize": 14
                }
            },
            "tick": {
                "visible": true,
                "tickSize": 8,
                "tickStep": 180,
                "style": {
                    "stroke": "#D1D5DA",
                    "lineWidth": 2,
                    "lineCap": "round"
                }
            },
            "subTick": {
                "visible": true,
                "tickSize": 4,
                "tickCount": 6,
                "style": {
                    "stroke": "#D1D5DA",
                    "lineCap": "round"
                }
            },
            "grid": {
                "visible": false
            },
            "subGrid": {
                "visible": false
            }
        }
    ],
    "radiusField": "name",
    "gauge": {
        "type": "circularProgress",
        "progress": {
            "style": {
                "fill": {
                    "gradient": "conical",
                    "stops": [
                        {
                            "offset": 0,
                            "color": "#4fc6b4"
                        },
                        {
                            "offset": 1,
                            "color": "#31679e"
                        }
                    ]
                }
            }
        },
        "track": {
            "style": {
                "fill": "#d5d6de"
            }
        },
        "animation": false
    },
    "pointer": {
        "visible": true,
        "interactive": false,
        "style": {
            "fill": "#59595e"
        }
    },
    "pin": {
        "visible": true,
        "interactive": false,
        "width": 0.025,
        "height": 0.025,
        "style": {
            "fill": "#d5d6de"
        }
    },
    "pinBackground": {
        "visible": true,
        "width": 0.08,
        "height": 0.08,
        "style": {
            "fill": "#d5d6de"
        }
    },
    "indicator": {
        "visible": true,
        "fixed": true,
        "title": {
            "space": 8,
            "style": {
                "text": "销售额",
                "fontSize": 16,
                "fill": "#666666",
                "fontWeight": 500
            }
        },
        "content": [
            {
                "space": 5,
                "style": {
                    "text": "16,068,954.13",
                    "fontSize": 30,
                    "fill": "#161616",
                    "fontWeight": 400,
                    "fontFamily": "Byte Number,-apple-system,\"Helvetica Neue\",\"PingFang SC\",\"Microsoft YaHei\",\"Hiragino Sans GB\",Helvetica,Arial,sans-serif,\"apple color emoji\",\"segoe ui emoji\",\"segoe ui\",\"segoe ui symbol\""
                }
            }
        ],
        "offsetY": "60%"
    },
    "customMark": [],
    "tooltip": {
        "handler": {}
    },
    "region": [
        {
            "clip": true
        }
    ],
    "background": "rgba(255, 255, 255, 0)",
    "animation": false,
    "hash": "03ad8aaf7781f0d929645ec1c1d7d0cc"
}

const vchart = new VChart(spec, { dom: CONTAINER_ID });
vchart.renderSync();

// Just for the convenience of console debugging, DO NOT COPY!
window['vchart'] = vchart;

Current Behavior

image

Expected Behavior

指针在最大值的位置

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions

    0