我通过在线生成器实现了一个amChart。
结果如下:

javascript - 雷达amchart上的标签-LMLPHP
https://live.amcharts.com/ODVhY/

如您所见,带有该值的标签仅在红色的Bulled上可见。

如何将其扩展到所有5个子弹?

我的配置

{
    "type": "radar",
    "categoryField": "areas",
    "colors": [
        "#64cbd5",
        "#7cdae3"
    ],
    "startDuration": 1,
    "startEffect": "easeOutSine",
    "addClassNames": true,
    "color": "#EEEEEE",
    "fontFamily": "Ubuntu",
    "fontSize": 12,
    "theme": "dark",
    "graphs": [
        {
            "balloonText": "[[value]] in [[category]]",
            "bullet": "round",
            "bulletAlpha": 0,
            "bulletBorderAlpha": 1,
            "bulletSize": 17,
            "clustered": false,
            "columnWidth": 0,
            "connect": false,
            "cursorBulletAlpha": 0,
            "descriptionField": "score",
            "fillAlphas": 0.79,
            "fillColors": "#64CBD5",
            "gapPeriod": 2,
            "id": "AmGraph-1",
            "labelAnchor": "middle",
            "labelOffset": 10,
            "labelPosition": "bottom",
            "labelText": "[[score]]",
            "legendAlpha": 0,
            "lineAlpha": 1,
            "lineColor": "#64CBD5",
            "lineColorField": "color",
            "lineThickness": 0,
            "minDistance": 0,
            "negativeBase": 2,
            "showAllValueLabels": true,
            "stackable": false,
            "switchable": false,
            "title": "[[value]] in [[category]]",
            "topRadius": 0,
            "valueField": "score",
            "visibleInLegend": false
        }
    ],
    "guides": [],
    "valueAxes": [
        {
            "axisTitleOffset": 20,
            "gridType": "circles",
            "id": "ValueAxis-1",
            "minimum": 0,
            "axisAlpha": 1,
            "gridAlpha": 0.35,
            "labelOffset": 2,
            "labelsEnabled": false,
            "tickLength": 3
        }
    ],
    "allLabels": [],
    "balloon": {},
    "titles": [],
    "dataProvider": [
        {
            "score": 156.9,
            "areas": "MEM",
            "color": "#22BCA7"
        },
        {
            "score": 131.1,
            "areas": "AGI",
            "color": "#76C741"
        },
        {
            "score": 115.8,
            "areas": "ATN",
            "color": "#FC385A"
        },
        {
            "score": 109.9,
            "areas": "PRS",
            "color": "#AD78AC"
        },
        {
            "score": 108.3,
            "areas": "VSP",
            "color": "#FC683E"
        }
    ]
}

最佳答案

就像@martynasma在评论中说的那样,这是amcharts的错误。
现在,它已在最新版本中修复。

关于javascript - 雷达amchart上的标签,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/35492668/

10-12 07:21