amcharts 添加带有动态文本的legand

【问题标题】：amcharts adding legand with the dynamic textamcharts 添加带有动态文本的legand
【发布时间】：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

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

【问题讨论】：

标签： javascript html legend amcharts

【解决方案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/

【讨论】：