Укладка штабелированных столбчатых диаграмм с высокой степенью детализации

Question

Мне было поручено индивидуально подгонять каждую из ярлыков данных с высоким стандартным графическим символом: те, которые я имею в виду, это 3,2,5 на первом графике, 4,2, 3 во втором и т. Д. Сформировать все это легко, как видно из документации/скрипки. Как я их стиль индивидуально?

скрипку имеет код для укладки всех из них:

dataLabels: { 
       enabled: true, 
       color: (Highcharts.theme && Highcharts.theme.dataLabelsColor) || 'white', 
       style: { 
        textShadow: '0 0 3px black' 
       } 
      } 

Вот является JS Fiddle согласно их документации: http://jsfiddle.net/3ak4ckuq/

Answer 1

Set "useHTML: истинный" на datalabels. Тогда вы можете получить доступ к индивидуальной datalabel элемент любой точки и изменять стили или добавлять классы и т.д.:

_.each(chart.series, function(serie) { 
    _.each(serie.data, function(point) { 

     var spanElement = point.dataLabel.div.firstChild; 
     spanElement.style.fontSize = _.sample(randomFontSizes); 
     spanElement.style.color = _.sample(randomColors); 
     spanElement.classList.add("custom-class"); 
    }); 
}); 

См манящими: http://jsfiddle.net/3ak4ckuq/6/