amCharts круговой диаграммы, как настроить текст баллонной

Question

Я использую amCharts pie chart (v3) и я хочу, чтобы настроить всплывающее воздушный шар, который приходит на mouseover на срезе: в дополнение к обычному тексту, как [[value]] [[percent]],

• () текст, который зависит от элемента данных, и

• (b) предоставляет пользователю различные варианты кликов в зависимости от элемента данных. Каждая строка данных может не иметь этих возможностей, и в этом случае параметры не должны отображаться.

Например, круговая диаграмма может показывать потребление вина по странам. При наведении мыши я хочу предоставить пользователю два разных параметра клика - один, чтобы увидеть потребление по сезону, если оно доступно, плюс другое, чтобы увидеть потребление по возрастным группам, если оно доступно.

Можно ли это сделать в amCharts? Я видел выход для события clickSlice() здесь http://docs.amcharts.com/3/javascriptcharts/AmPieChart, но ничего о том, как изменить текст воздушного шара на лету и добавить поведение к воздушному шару, который приходит на hover.

Поблагодарите вашу помощь.

Answer 1

Вы можете добавить любое пользовательское поле к поставщику данных, а затем отображать его в шаре точно так же, как значение:

{значение: 15, название: «название ломтика», someCustomField: "некоторые пользовательские данные «}

, а затем:

chart.balloonText = "[[someCustomField]]";

Answer 2

Вы можете использовать следующие метки: [[title]], [[description]], [[value]] и [[percent]]. говорит о документации.

Я использовал описание для пользовательского поля, оно отлично работает.

Answer 3

Для написания динамического текста в баллоне вы также можете сделать на следующее:

"graphs": [{ 
    "balloonFunction": function(graphDataItem, graph) { 
     var value = graphDataItem.values.value; 
     if (value < 500) { 
     return value + "<br>(Little)"; 
     } else { 
     return value + "<br>(A Lot)"; 
     } 
    } 
    }],