我通过在线生成器实现了一个amChart。
结果如下:
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/