amcharts 用动态文本添加 legand

Question

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

我正在尝试这样的事情：

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

My JSFiddle

它能很好地显示不同的颜色，但文本无法显示。如有任何建议，我们将不胜感激！

Answer 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",
        ...
    },
    ...
]

fiddle: https://jsfiddle.net/davidliang2008/fm7jLkta/

amcharts 用动态文本添加 legand

amcharts adding legand with the dynamic text

html

javascript

legend

amcharts