amcharts 添加带有动态文本的legand

Posted 2023-02-16

【中文标题】amcharts 添加带有动态文本的legand

【英文标题】：amcharts adding legand with the dynamic text

【发布时间】：2019-03-15 14:28:49

【问题描述】：

我正在使用 amcharts 在柱形图中呈现数据，我需要将图例与每个“valueField”的文本一起显示。

我正在尝试这样的事情：

"legend": "horizontalGap": 10,
    "maxColumns": 1,
    "position": "right",
    "useGraphSettings": true,
    "markerSize": 10,
    "marginTop": 10,
    "labelText":"[[value]]"

My JSFiddle

它可以很好地显示不同的颜色，但没有显示文本。 任何建议都将受到高度评价！

【参考方案1】：

您需要设置图表的标题，以便图例知道用什么来替换每个图例的labelText，默认为[[title]]：

https://docs.amcharts.com/3/javascriptcharts/AmLegend#labelText

看起来labelText 将不会解析除[[title]] 之外的任何其他特殊占位符，例如[[value]]。

所以解决方法是，删除您在图例部分中设置为标签文本的内容（保留为默认值），并在每个图表上添加标题：

legend: 
    ...,
    // "labelText": "[[value]]"
,
...,
graphs: [
    
        id: "g1",
        fillAlphas: .9,
        title: "value 1",
        ...
    ,
    
        id: "g2",
        fillAlphas: .9,
        title: "OR WHATEVER YOU WANT TO DISPLAY",
        ...
    ,
    ...
]

小提琴： https://jsfiddle.net/davidliang2008/fm7jLkta/