Как сделать подиум с highchart

Question

это моя диаграмма >>click here. Я хочу сделать вид, как это, с помощью highchart
Возможно ли добавить другое изображение выше диаграммы?

И я уже использовал dataLabel для показа этикетки внутри диаграммы. это мой код:

series: [{ 
     name: 'RATING', 
     data:[ 
      ['MD', 2], 
      ['ML', 4], 
      ['SB', 5], 
      ['JB', 3], 
      ['TB', 1] 
      ], 
     dataLabels: { 
      enabled: true, 
      color: 'white', 
      align: 'center', 
      x: 3, 
      y: 10, 
      style: { 
       fontSize: '50px', 
       fontFamily: 'Verdana, sans-serif', 
       textShadow: '0 0 3px black' 
      } 
     } 
    }] 

но результат стал так:

Можете ли вы дать мне совет, чтобы решить мою проблему? Благодарю.

Answer 1

Вы можете установить useHTML опцию верно, а затем пользователь formatter для генерации изображения: http://jsfiddle.net/ypb6zwd3/3/

Теперь только некоторые полировки на место этикетки так, как вы хотите:

  y: 60, // position label in a proper place 
      useHTML: true, // required 
      overflow: false, //disable overflow 
      crop: false, // disable cropping 
      formatter: function() { 
        return '<img src="http://highcharts.com/demo/gfx/sun.png" /> <br>' + (6 - this.y); // <br> tag breaks dataLabel into two lines 
      }, 

И теперь, все, что вы необходимо сделать правильный URL-адрес изображения для каждого столбца.