Как разместить иконки в оси y для диаграммы динамических диаграмм?

Question

Есть ли у кого-нибудь пример для динамических Highcharts, где ось y использует значки (например, лица smiley/frowney) вместо буквенно-цифровых символов?

Answer 1

Вы должны установить useHTML верно в форматировочной функции YAxis label.See ниже код и working fiddle here

для динамического изображения, вы можете поместить путь изображения в качестве переменной. Если вы не хотите, чтобы показать значение оси удалить «this.value» из функции форматировочной

yAxis: { labels: { 
     formatter: function() { 
      return '<img src="http://highcharts.com/demo/gfx/sun.png" alt="" style="vertical-align: middle; width: 32px; height: 32px"/>'+ this.value; 
     }, 
     useHTML: true 
    } 
    } 

Answer 2

Только в случае, если кто-то ищет для создания диаграммы с осью у, имеющие нескольких изображений, вот как я это сделал:

 var chartScales = scales.map(function(x){ return { value:x.Text, key:++imageIndex, image:x.DefaultImage }; }); 

     var chart = $("#chartContainer").highcharts({ 
      chart: { 
       type: 'spline' 
      }, 
      yAxis:{ 
       categories: chartScales, 
       labels: { 
        formatter : function() 
        { 
         // if there's an image use it, otherwise use the text, or key value 
         if(this.value.image != null) 
          return "<img src='"+ this.value.image +"' style='vertical-align: middle; width: 32px; height: 32px'/>"+(this.value.value != null ? this.value.value : this.value.key); 
         return this.value.value != null ? this.value.value : this.value.key; 
        }, 
        useHTML: true 
       } 
      }, 
      series: [{ 
       data: [] 
      }] 
     });