highcharts datalabels의 sericle과 같은 색상의 backgroundColor 설정 [SOLVED]

Question

데이터 라벨의 backgroundColor를 시리즈의 동일한 색상 (UI 이유)으로 설정하려고합니다.

포맷터 옵션을 사용하고 원하는 스타일로 "div"를 반환하려고했지만 글꼴 색상 만이 dataLabel에 적용됩니다.

이 문제를 어떻게 해결할 수 있습니까? 노력하고있는 코드를 따라 가라. 사전

에서 http://jsfiddle.net/eVfZD/

감사 업데이트]

:

해결책은 간단했다

$(function() { 
    $('#container').highcharts({ 

     chart: { 
     }, 

     xAxis: { 
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 
            'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
     }, 

     plotOptions : { 
      series : { 
       dataLabels : { 
        enabled : true, 
        formatter : function() { 
         return $('<div/>').css({ 
          'color' : this.series.color, // works 
          'border' : '1px solid black', // don't work 
          'backgroundColor' : this.series.color // don't work 
         }).text(this.y)[0].outerHTML; 
        } 
       } 
      } 
     }, 

     series: [{ 
      data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]}, 
     { 
      data: [216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5]}] 

    }); 
}); 

링크는 예를 살고 있습니다. "useHTML"옵션을 true로 설정하고 스타일을 formatter 함수 내에 생성 된 "div"로 설정하십시오.

Answer 1

html 태그를 사용하는 경우 useHTML: true으로 설정하면 해당 문제를 해결할 수 있습니다. http://jsfiddle.net/eVfZD/1/