amcharts добавление legand с динамическим текстом - PullRequest
0 голосов
/ 10 октября 2018

Я использую amcharts для рендеринга данных в столбцовых диаграммах, мне нужно показать legand вместе с текстом каждого 'valueField'.

Я пытаюсь что-то вроде этого:

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

My JSFiddle

Хорошо показывает разные цвета, но текст не отображается.Любые предложения будут весьма признательны!

1 Ответ

0 голосов
/ 16 октября 2018

Вам необходимо установить заголовок графиков, чтобы легенда знала, что использовать для замены labelText каждой легенды, по умолчанию [[title]]:

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

Похоже, что labelText будет не анализировать любые другие специальные заполнители, такие как [[value]], отличные от [[title]].

Так что исправление состоит в том, чтобы просто удалить то, что вы установилив качестве текста метки в разделе легенды (просто оставьте его по умолчанию) и добавьте заголовки на каждом графике:

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/

...