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] 雷达图坐标轴, 缩小后, 网格异常. #2117

Closed
youngwinds opened this issue Jan 23, 2024 · 0 comments · Fixed by #2119
Closed

[Bug] 雷达图坐标轴, 缩小后, 网格异常. #2117

youngwinds opened this issue Jan 23, 2024 · 0 comments · Fixed by #2119
Assignees
Milestone

Comments

@youngwinds
Copy link
Contributor

youngwinds commented Jan 23, 2024

const spec = { 
    width:250,  
    "type": "radar",
    "outerRadius": 0.8,
    "padding": 0,
    "categoryField": "231220153612019",
    "valueField": "10002",
    "seriesField": "20001",
    "data": [
        {
            "id": "data",
            "values": [
                {
                    "10001": "TEST QQ",
                    "10002": "0.8529411764705882",
                    "10003": "231218145012221",
                    "20001": "TEST A",
                    "231218145012221": "0.8529411764705882",
                    "231220153144009": "TEST A",
                    "231220153612019": "TEST O-TEST Q"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.7769784172661871",
                    "10003": "231218145012221",
                    "20001": "TEST A",
                    "231218145012221": "0.7769784172661871",
                    "231220153144009": "TEST A",
                    "231220153612019": "TEST H"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.7428571428571429",
                    "10003": "231218145012221",
                    "20001": "TEST A",
                    "231218145012221": "0.7428571428571429",
                    "231220153144009": "TEST A",
                    "231220153612019": "TEST J-攻击"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.7291666666666666",
                    "10003": "231218145012221",
                    "20001": "TEST A",
                    "231218145012221": "0.7291666666666666",
                    "231220153144009": "TEST A",
                    "231220153612019": "TEST O-TEST P"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.6115107913669064",
                    "10003": "231218145012221",
                    "20001": "TEST A",
                    "231218145012221": "0.6115107913669064",
                    "231220153144009": "TEST A",
                    "231220153612019": "TEST K-新闻"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.6074074074074074",
                    "10003": "231218145012221",
                    "20001": "TEST A",
                    "231218145012221": "0.6074074074074074",
                    "231220153144009": "TEST A",
                    "231220153612019": "TEST L"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.5641025641025641",
                    "10003": "231218145012221",
                    "20001": "TEST A",
                    "231218145012221": "0.5641025641025641",
                    "231220153144009": "TEST A",
                    "231220153612019": "TEST G"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.5333333333333333",
                    "10003": "231218145012221",
                    "20001": "TEST A",
                    "231218145012221": "0.5333333333333333",
                    "231220153144009": "TEST A",
                    "231220153612019": "TEST M"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.3617021276595745",
                    "10003": "231218145012221",
                    "20001": "TEST A",
                    "231218145012221": "0.3617021276595745",
                    "231220153144009": "TEST A",
                    "231220153612019": "TEST N-轻度2"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.07865168539325842",
                    "10003": "231218145012221",
                    "20001": "TEST A",
                    "231218145012221": "0.07865168539325842",
                    "231220153144009": "TEST A",
                    "231220153612019": "TEST I"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "1",
                    "10003": "231218145012221",
                    "20001": "TEST B.0",
                    "231218145012221": "1",
                    "231220153144009": "TEST B.0",
                    "231220153612019": "TEST O-TEST Q"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.9791666666666666",
                    "10003": "231218145012221",
                    "20001": "TEST B.0",
                    "231218145012221": "0.9791666666666666",
                    "231220153144009": "TEST B.0",
                    "231220153612019": "TEST O-TEST P"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.978494623655914",
                    "10003": "231218145012221",
                    "20001": "TEST B.0",
                    "231218145012221": "0.978494623655914",
                    "231220153144009": "TEST B.0",
                    "231220153612019": "TEST N-轻度2"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.9777777777777777",
                    "10003": "231218145012221",
                    "20001": "TEST B.0",
                    "231218145012221": "0.9777777777777777",
                    "231220153144009": "TEST B.0",
                    "231220153612019": "TEST M"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.9662921348314607",
                    "10003": "231218145012221",
                    "20001": "TEST B.0",
                    "231218145012221": "0.9662921348314607",
                    "231220153144009": "TEST B.0",
                    "231220153612019": "TEST I"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.9626865671641791",
                    "10003": "231218145012221",
                    "20001": "TEST B.0",
                    "231218145012221": "0.9626865671641791",
                    "231220153144009": "TEST B.0",
                    "231220153612019": "TEST L"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.9424460431654677",
                    "10003": "231218145012221",
                    "20001": "TEST B.0",
                    "231218145012221": "0.9424460431654677",
                    "231220153144009": "TEST B.0",
                    "231220153612019": "TEST K-新闻"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.9280575539568345",
                    "10003": "231218145012221",
                    "20001": "TEST B.0",
                    "231218145012221": "0.9280575539568345",
                    "231220153144009": "TEST B.0",
                    "231220153612019": "TEST J-攻击"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.8928571428571429",
                    "10003": "231218145012221",
                    "20001": "TEST B.0",
                    "231218145012221": "0.8928571428571429",
                    "231220153144009": "TEST B.0",
                    "231220153612019": "TEST H"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.8461538461538461",
                    "10003": "231218145012221",
                    "20001": "TEST B.0",
                    "231218145012221": "0.8461538461538461",
                    "231220153144009": "TEST B.0",
                    "231220153612019": "TEST G"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.920863309352518",
                    "10003": "231218145012221",
                    "20001": "TEST C",
                    "231218145012221": "0.920863309352518",
                    "231220153144009": "TEST C",
                    "231220153612019": "TEST O-TEST Q"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.8913043478260869",
                    "10003": "231218145012221",
                    "20001": "TEST C",
                    "231218145012221": "0.8913043478260869",
                    "231220153144009": "TEST C",
                    "231220153612019": "TEST O-TEST P"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.7769784172661871",
                    "10003": "231218145012221",
                    "20001": "TEST C",
                    "231218145012221": "0.7769784172661871",
                    "231220153144009": "TEST C",
                    "231220153612019": "TEST J-攻击"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.7357142857142858",
                    "10003": "231218145012221",
                    "20001": "TEST C",
                    "231218145012221": "0.7357142857142858",
                    "231220153144009": "TEST C",
                    "231220153612019": "TEST H"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.7132352941176471",
                    "10003": "231218145012221",
                    "20001": "TEST C",
                    "231218145012221": "0.7132352941176471",
                    "231220153144009": "TEST C",
                    "231220153612019": "TEST L"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.6",
                    "10003": "231218145012221",
                    "20001": "TEST C",
                    "231218145012221": "0.6",
                    "231220153144009": "TEST C",
                    "231220153612019": "TEST M"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.5714285714285714",
                    "10003": "231218145012221",
                    "20001": "TEST C",
                    "231218145012221": "0.5714285714285714",
                    "231220153144009": "TEST C",
                    "231220153612019": "TEST K-新闻"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.5531914893617021",
                    "10003": "231218145012221",
                    "20001": "TEST C",
                    "231218145012221": "0.5531914893617021",
                    "231220153144009": "TEST C",
                    "231220153612019": "TEST N-轻度2"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.5384615384615384",
                    "10003": "231218145012221",
                    "20001": "TEST C",
                    "231218145012221": "0.5384615384615384",
                    "231220153144009": "TEST C",
                    "231220153612019": "TEST G"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.1797752808988764",
                    "10003": "231218145012221",
                    "20001": "TEST C",
                    "231218145012221": "0.1797752808988764",
                    "231220153144009": "TEST C",
                    "231220153612019": "TEST I"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.8958333333333334",
                    "10003": "231218145012221",
                    "20001": "TEST D.0",
                    "231218145012221": "0.8958333333333334",
                    "231220153144009": "TEST D.0",
                    "231220153612019": "TEST O-TEST P"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.8540145985401459",
                    "10003": "231218145012221",
                    "20001": "TEST D.0",
                    "231218145012221": "0.8540145985401459",
                    "231220153144009": "TEST D.0",
                    "231220153612019": "TEST O-TEST Q"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.7925925925925926",
                    "10003": "231218145012221",
                    "20001": "TEST D.0",
                    "231218145012221": "0.7925925925925926",
                    "231220153144009": "TEST D.0",
                    "231220153612019": "TEST L"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.7642857142857142",
                    "10003": "231218145012221",
                    "20001": "TEST D.0",
                    "231218145012221": "0.7642857142857142",
                    "231220153144009": "TEST D.0",
                    "231220153612019": "TEST H"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.644927536231884",
                    "10003": "231218145012221",
                    "20001": "TEST D.0",
                    "231218145012221": "0.644927536231884",
                    "231220153144009": "TEST D.0",
                    "231220153612019": "TEST J-攻击"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.6153846153846154",
                    "10003": "231218145012221",
                    "20001": "TEST D.0",
                    "231218145012221": "0.6153846153846154",
                    "231220153144009": "TEST D.0",
                    "231220153612019": "TEST G"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.5591397849462365",
                    "10003": "231218145012221",
                    "20001": "TEST D.0",
                    "231218145012221": "0.5591397849462365",
                    "231220153144009": "TEST D.0",
                    "231220153612019": "TEST N-轻度2"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.4",
                    "10003": "231218145012221",
                    "20001": "TEST D.0",
                    "231218145012221": "0.4",
                    "231220153144009": "TEST D.0",
                    "231220153612019": "TEST M"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.31654676258992803",
                    "10003": "231218145012221",
                    "20001": "TEST D.0",
                    "231218145012221": "0.31654676258992803",
                    "231220153144009": "TEST D.0",
                    "231220153612019": "TEST K-新闻"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.2727272727272727",
                    "10003": "231218145012221",
                    "20001": "TEST D.0",
                    "231218145012221": "0.2727272727272727",
                    "231220153144009": "TEST D.0",
                    "231220153612019": "TEST I"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "1",
                    "10003": "231218145012221",
                    "20001": "TEST E.0",
                    "231218145012221": "1",
                    "231220153144009": "TEST E.0",
                    "231220153612019": "TEST O-TEST Q"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "1",
                    "10003": "231218145012221",
                    "20001": "TEST E.0",
                    "231218145012221": "1",
                    "231220153144009": "TEST E.0",
                    "231220153612019": "TEST O-TEST P"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.9777777777777777",
                    "10003": "231218145012221",
                    "20001": "TEST E.0",
                    "231218145012221": "0.9777777777777777",
                    "231220153144009": "TEST E.0",
                    "231220153612019": "TEST M"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.967391304347826",
                    "10003": "231218145012221",
                    "20001": "TEST E.0",
                    "231218145012221": "0.967391304347826",
                    "231220153144009": "TEST E.0",
                    "231220153612019": "TEST N-轻度2"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.9642857142857143",
                    "10003": "231218145012221",
                    "20001": "TEST E.0",
                    "231218145012221": "0.9642857142857143",
                    "231220153144009": "TEST E.0",
                    "231220153612019": "TEST K-新闻"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.9492753623188406",
                    "10003": "231218145012221",
                    "20001": "TEST E.0",
                    "231218145012221": "0.9492753623188406",
                    "231220153144009": "TEST E.0",
                    "231220153612019": "TEST J-攻击"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.9438202247191011",
                    "10003": "231218145012221",
                    "20001": "TEST E.0",
                    "231218145012221": "0.9438202247191011",
                    "231220153144009": "TEST E.0",
                    "231220153612019": "TEST I"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.9393939393939394",
                    "10003": "231218145012221",
                    "20001": "TEST E.0",
                    "231218145012221": "0.9393939393939394",
                    "231220153144009": "TEST E.0",
                    "231220153612019": "TEST L"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.9214285714285714",
                    "10003": "231218145012221",
                    "20001": "TEST E.0",
                    "231218145012221": "0.9214285714285714",
                    "231220153144009": "TEST E.0",
                    "231220153612019": "TEST H"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.8461538461538461",
                    "10003": "231218145012221",
                    "20001": "TEST E.0",
                    "231218145012221": "0.8461538461538461",
                    "231220153144009": "TEST E.0",
                    "231220153612019": "TEST G"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "1",
                    "10003": "231218145012221",
                    "20001": "TEST F.0",
                    "231218145012221": "1",
                    "231220153144009": "TEST F.0",
                    "231220153612019": "TEST O-TEST P"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "1",
                    "10003": "231218145012221",
                    "20001": "TEST F.0",
                    "231218145012221": "1",
                    "231220153144009": "TEST F.0",
                    "231220153612019": "TEST O-TEST Q"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.9574468085106383",
                    "10003": "231218145012221",
                    "20001": "TEST F.0",
                    "231218145012221": "0.9574468085106383",
                    "231220153144009": "TEST F.0",
                    "231220153612019": "TEST N-轻度2"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.9555555555555556",
                    "10003": "231218145012221",
                    "20001": "TEST F.0",
                    "231218145012221": "0.9555555555555556",
                    "231220153144009": "TEST F.0",
                    "231220153612019": "TEST M"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.9411764705882353",
                    "10003": "231218145012221",
                    "20001": "TEST F.0",
                    "231218145012221": "0.9411764705882353",
                    "231220153144009": "TEST F.0",
                    "231220153612019": "TEST L"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.9357142857142857",
                    "10003": "231218145012221",
                    "20001": "TEST F.0",
                    "231218145012221": "0.9357142857142857",
                    "231220153144009": "TEST F.0",
                    "231220153612019": "TEST K-新闻"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.9214285714285714",
                    "10003": "231218145012221",
                    "20001": "TEST F.0",
                    "231218145012221": "0.9214285714285714",
                    "231220153144009": "TEST F.0",
                    "231220153612019": "TEST J-攻击"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.898876404494382",
                    "10003": "231218145012221",
                    "20001": "TEST F.0",
                    "231218145012221": "0.898876404494382",
                    "231220153144009": "TEST F.0",
                    "231220153612019": "TEST I"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.8848920863309353",
                    "10003": "231218145012221",
                    "20001": "TEST F.0",
                    "231218145012221": "0.8848920863309353",
                    "231220153144009": "TEST F.0",
                    "231220153612019": "TEST H"
                },
                {
                    "10001": "TEST QQ",
                    "10002": "0.8205128205128205",
                    "10003": "231218145012221",
                    "20001": "TEST F.0",
                    "231218145012221": "0.8205128205128205",
                    "231220153144009": "TEST F.0",
                    "231220153612019": "TEST G"
                }
            ],
            "fields": {
                "10001": {
                    "alias": "指标名称 "
                },
                "10002": {
                    "alias": "指标值 "
                },
                "20001": {
                    "alias": "图例项 ",
                    "domain": [
                        "TEST A",
                        "TEST B.0",
                        "TEST C",
                        "TEST D.0",
                        "TEST E.0",
                        "TEST F.0"
                    ],
                    "sortIndex": 0,
                    "lockStatisticsByDomain": true
                },
                "231218145012221": {
                    "alias": "TEST QQ"
                },
                "231220153144009": {
                    "alias": "model"
                },
                "231220153612019": {
                    "alias": "lable"
                }
            }
        }
    ],
    legends:[
      {
        orient:'right'
      }
    ],
    line:{
      style:{
        fillOpacity: 0.1,
        strokeOpacity:0.1,
      } 
    },
    point: {
      style:{
        strokeOpacity:0.1,
        fillOpacity: 0.1,
      }
    },
    "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"
            }
        }
    ],
};

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

// Just for the convenience of console debugging, DO NOT COPY!
window['vchart'] = vchart;
@kkxxkk2019 kkxxkk2019 added this to the v1.8.10 milestone Jan 23, 2024
@kkxxkk2019 kkxxkk2019 mentioned this issue Jan 23, 2024
20 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants