Highcharts Добавить текст маркировать

Question

Вот мой график: www.jsfiddle.net/bs9cLff5

Я хочу добавить процент непосредственно на графике. Пример для команды1: Я хочу показать 100% на зеленом.

Далее, я хотел бы персонализировать текст на этикетке.

Команда1 Хорошо 100%

Стать

Команда1 'Мой текст'

Возможно ли это?

Кто-то может мне помочь, пожалуйста, Спасибо всем: D

Answer 1

Вы можете использовать renderer для добавления пользовательских элементов (например, текст) на графике.

chart.renderer.text('any text', 140, 140) 
     .css({ 
      color: '#4572A7', 
      fontSize: '16px' 
     }) 
     .add(); 

Answer 2

Я могу добавить к предыдущему ответу, вы даже можете определить события click для метки. Это очень просто.

   ren.label('message', 10, 10) 
        .attr({ 
         fill: 'red', 
         stroke: 'white', 
         'stroke-width': 2, 
         padding: 5, 
         cursor: 'pointer', 
         r: 5 
        }) 
        .css({ 
         color: 'white', 
         width: '100px' 
        }) 
        // action on click 
        .on('click', function() { 
        });