Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug] axis label missing in radar chart. #2439

Closed
youngwinds opened this issue Mar 21, 2024 · 2 comments
Closed

[Bug] axis label missing in radar chart. #2439

youngwinds opened this issue Mar 21, 2024 · 2 comments
Assignees
Labels
bp bug Something isn't working

Comments

@youngwinds
Copy link
Contributor

Image

const spec = {
    "type": "radar",
    "outerRadius": 0.8,
    "padding": 0,
    "categoryField": "240319131639066",
    "valueField": "10002",
    "seriesField": "20001",
    "data": [
        {
            "id": "data",
            "values": [
                {
                    "10001": "Ennnnnnnn nnnnnnn by Column",
                    "10002": "0.9558323895809739",
                    "10003": "240320114118028",
                    "20001": "Ennnnnnnn nnnnnnn by Column",
                    "240319131639066": "Email",
                    "240320114118028": "0.9558323895809739"
                },
                {
                    "10001": "Ennnnnnnn nnnnnnn by Column",
                    "10002": "0.9501084598698482",
                    "10003": "240320114118028",
                    "20001": "Ennnnnnnn nnnnnnn by Column",
                    "240319131639066": "aaaaaaaaaa aaaaaaa",
                    "240320114118028": "0.9501084598698482"
                },
                {
                    "10001": "Ennnnnnnn nnnnnnn by Column",
                    "10002": "0.9703504043126685",
                    "10003": "240320114118028",
                    "20001": "Ennnnnnnn nnnnnnn by Column",
                    "240319131639066": "Phone Number",
                    "240320114118028": "0.9703504043126685"
                },
                {
                    "10001": "Ennnnnnnn nnnnnnn by Column",
                    "10002": "0.9546703296703297",
                    "10003": "240320114118028",
                    "20001": "Ennnnnnnn nnnnnnn by Column",
                    "240319131639066": "cccc ccccaaa cccca ttttc iiio",
                    "240320114118028": "0.9546703296703297"
                },
                {
                    "10001": "Ennnnnnnn nnnnnnn by Column",
                    "10002": "0.7287514654161782",
                    "10003": "240320114118028",
                    "20001": "Ennnnnnnn nnnnnnn by Column",
                    "240319131639066": "aaaa aaaaaacccc aaaaaa",
                    "240320114118028": "0.7287514654161782"
                },
                {
                    "10001": "Ennnnnnnn nnnnnnn by Column",
                    "10002": "1",
                    "10003": "240320114118028",
                    "20001": "Ennnnnnnn nnnnnnn by Column",
                    "240319131639066": "Password",
                    "240320114118028": "1"
                },
                {
                    "10001": "Ennnnnnnn nnnnnnn by Column",
                    "10002": "0.8703703703703703",
                    "10003": "240320114118028",
                    "20001": "Ennnnnnnn nnnnnnn by Column",
                    "240319131639066": "Birthdate",
                    "240320114118028": "0.8703703703703703"
                },
                {
                    "10001": "Ennnnnnnn nnnnnnn by Column",
                    "10002": "0.9827586206896551",
                    "10003": "240320114118028",
                    "20001": "Ennnnnnnn nnnnnnn by Column",
                    "240319131639066": "nnnnnnnnnnn ttttc nnnnnn",
                    "240320114118028": "0.9827586206896551"
                },
                {
                    "10001": "Ennnnnnnn nnnnnnn by Column",
                    "10002": "1",
                    "10003": "240320114118028",
                    "20001": "Ennnnnnnn nnnnnnn by Column",
                    "240319131639066": "Payment Authentication Token",
                    "240320114118028": "1"
                },
                {
                    "10001": "Ennnnnnnn nnnnnnn by Column",
                    "10002": "0.9655172413793104",
                    "10003": "240320114118028",
                    "20001": "Ennnnnnnn nnnnnnn by Column",
                    "240319131639066": "Taxpayer Identification Number",
                    "240320114118028": "0.9655172413793104"
                },
                {
                    "10001": "Ennnnnnnn nnnnnnn by Column",
                    "10002": "0.9813559322033898",
                    "10003": "240320114118028",
                    "20001": "Ennnnnnnn nnnnnnn by Column",
                    "240319131639066": "Real Name",
                    "240320114118028": "0.9813559322033898"
                }
            ],
            "fields": {
                "10001": {
                    "alias": "指标名称 "
                },
                "10002": {
                    "alias": "指标值 "
                },
                "20001": {
                    "alias": "图例项 ",
                    "domain": [
                        "Ennnnnnnn nnnnnnn by Column"
                    ],
                    "sortIndex": 0,
                    "lockStatisticsByDomain": true
                },
                "240319131639066": {
                    "alias": "Data Type",
                    "domain": [
                        "cccc ccccaaa cccca ttttc iiio",
                        "Birthdate",
                        "Email",
                        "nnnnnnnnnnn ttttc nnnnnn",
                        "Password",
                        "Payment Authentication Token",
                        "Phone Number",
                        "Real Name",
                        "aaaaaaaaaa aaaaaaa",
                        "Taxpayer Identification Number",
                        "aaaa aaaaaacccc aaaaaa"
                    ],
                    "sortIndex": 0,
                    "lockStatisticsByDomain": true
                },
                "240320114118028": {
                    "alias": "Ennnnnnnn nnnnnnn by Column"
                }
            }
        }
    ],
    "axes": [
        {
            "orient": "radius",
            "zero": true,
            "nice": true,
            "tick": {
                "visible": false,
                "tickMode": "average",
                "style": {
                    "stroke": "#DADCDD"
                }
            },
            "domainLine": {
                "visible": false
            },
            "grid": {
                "visible": true,
                "style": {
                    "lineWidth": 1,
                    "stroke": "#DADCDD"
                },
                "smooth": false
            },
            "label": {
                "visible": false
            }
        },
        {
            "orient": "angle",
            "tick": {
                "visible": false,
                "tickMode": "average",
                "style": {
                    "stroke": "#DADCDD"
                }
            },
            "domainLine": {
                "visible": false
            },
            "grid": {
                "visible": true,
                "style": {
                    "zIndex": 150,
                    "stroke": "#DADCDD",
                    "lineWidth": 1,
                    "lineDash": []
                },
                "smooth": false
            },
            "label": {
                "visible": true,
                "space": 4,
                "flush": true,
                "padding": 0,
                "style": {
                    "fontSize": 12,
                    "maxLineWidth": 174,
                    "fill": "#9ca0b1",
                    "angle": 0,
                    "fontWeight": "normal",
                    "dy": -1,
                    "direction": "horizontal"
                },
                "autoHide": true,
                "autoHideMethod": "greedy"
            }
        }
    ],
    "sortDataByAxis": true,
    "color": {
        "field": "20001",
        "type": "ordinal",
        "range": [
            "#009db5"
        ],
        "specified": {},
        "domain": [
            "Ennnnnnnn nnnnnnn by Column"
        ]
    },
    "label": {
        "visible": true,
        "offset": 3,
        "overlap": {
            "hideOnHit": true,
            "avoidBaseMark": false,
            "strategy": [
                {
                    "type": "position",
                    "position": [
                        "top",
                        "bottom"
                    ]
                }
            ]
        },
        "style": {
            "fontSize": 12,
            "zIndex": 400,
            "lineHeight": "130%",
            "fill": "#363839",
            "stroke": "rgba(255, 255, 255, 0.8)",
            "strokeOpacity": 1,
            "lineWidth": 2
        },
        formatMethod:()=>'test value',
    },
    "legends": [
        {
            "type": "discrete",
            "visible": false
        }
    ],
    "tooltip": {
        "handler": {}
    },
    "point": {
        "style": {
            "shape": {
                "type": "ordinal",
                "field": "20001",
                "range": [
                    "circle"
                ],
                "domain": [
                    "Ennnnnnnn nnnnnnn by Column"
                ]
            },
            "size": {
                "type": "ordinal",
                "field": "20001",
                "range": [
                    7.0898154036220635
                ],
                "domain": [
                    "Ennnnnnnn nnnnnnn by Column"
                ]
            },
            "fill": {
                "field": "20001",
                "type": "ordinal",
                "range": [
                    "#009db5"
                ],
                "specified": {},
                "domain": [
                    "Ennnnnnnn nnnnnnn by Column"
                ]
            },
            "stroke": {
                "field": "20001",
                "type": "ordinal",
                "range": [
                    "#009db5"
                ],
                "specified": {},
                "domain": [
                    "Ennnnnnnn nnnnnnn by Column"
                ]
            },
            "strokeOpacity": {
                "type": "ordinal",
                "field": "20001",
                "range": [
                    1
                ],
                "domain": [
                    "Ennnnnnnn nnnnnnn by Column"
                ]
            },
            "fillOpacity": {
                "type": "ordinal",
                "field": "20001",
                "range": [
                    1
                ],
                "domain": [
                    "Ennnnnnnn nnnnnnn by Column"
                ]
            }
        },
        "state": {
            "hover": {
                "lineWidth": 2,
                "fillOpacity": 1,
                "strokeOpacity": 1,
                "scaleX": 1.5,
                "scaleY": 1.5
            }
        }
    },
    "line": {
        "style": {
            "curveType": {
                "type": "ordinal",
                "field": "20001",
                "range": [
                    "linear"
                ],
                "domain": [
                    "Ennnnnnnn nnnnnnn by Column"
                ]
            },
            "lineWidth": {
                "type": "ordinal",
                "field": "20001",
                "range": [
                    3
                ],
                "domain": [
                    "Ennnnnnnn nnnnnnn by Column"
                ]
            },
            "lineDash": {
                "type": "ordinal",
                "field": "20001",
                "range": [
                    [
                        0,
                        0
                    ]
                ],
                "domain": [
                    "Ennnnnnnn nnnnnnn by Column"
                ]
            }
        }
    },
    "seriesMark": "line",
    "markOverlap": false,
    "area": {
        "visible": true,
        "style": {
            "fillOpacity": 0.35,
            "curveType": {
                "type": "ordinal",
                "field": "20001",
                "range": [
                    "linear"
                ],
                "domain": [
                    "Ennnnnnnn nnnnnnn by Column"
                ]
            }
        }
    },
    "region": [
        {
            "clip": true
        }
    ],
    "background": "rgba(255, 255, 255, 0)",
    "invalidType": "zero",
    "animation": false,
    "hash": "3a6d4d4418b0221d9ac41a7db0acc483"
}

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

// Just for the convenience of console debugging, DO NOT COPY!
window['vchart'] = vchart;
@youngwinds youngwinds added bug Something isn't working bp labels Mar 21, 2024
@youngwinds
Copy link
Contributor Author

Image

@zamhown
Copy link
Member

zamhown commented Mar 21, 2024

前段时间极坐标系的 label 布局策略有变化,不知道是不是因为采样算法的布局预计算没有同步更改

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bp bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants