2014-03-26 3 views
2

어떻게 아래 값 (dataLabels)의 문제를 해결할 수 있습니까? enter image description here데이터 레이블 겹침 차트 하이 차트 겹침

내 JSFiddle : http://jsfiddle.net/3kVJS/3/

... 
    series: [{ 
     name: 'zzzzzz', 
     data: [17.00, 1.00, 5.00, 0.00, 0.00, 35.00, 6.00, 13.00, 233.00, 2.00, 41.00], 
     tooltip: { 
      shared: true, 
      useHTML: true, 
      showInLegend: false, 
      pointFormat: '<span style=\"color:{series.color}; text-shadow: 0 1px 1px #ddd;\">{series.name}</span>: <span style=\"font-size:14px!important\"> {point.y}</span><br/>' 
     } 
    } 

감사합니다!

답변

4

그냥 툴팁 안에 추가하면 어떻게해야할까요?

도구 설명 : { 스타일 : { 패딩 : 20, 으로 fontWeight : '굵은 글씨', fontSize는 '30 픽셀', } }

3

Highcharts가 중복 dataLabels 방지하지 않습니다. 나는 간단한 모듈을 만들었고 간단한 데모를 보았다 : http://jsfiddle.net/menXU/1/

StaggerDataLabels(series);을 호출하여 모듈을 사용한다. 여기서 series는 차트 객체의 모든 시리즈의 배열이다.

실제로는 this question의 복제본이지만이를보고 할 수 없습니다.

+0

안녕하세요, @PawelFus! 모듈을 사용하고 있지만이 차트의 이미지를 phantomjs로 생성하고 있기 때문에 모듈이 작동하지 않습니다. 많은 도움에 감사드립니다! –

+0

내 데모로 내보내기가 추가되었으므로 잘 작동합니다. http://jsfiddle.net/menXU/9/ Highcharts 3.0.10을 사용하고 있는지 확인하십시오. –

0

하이 plotOptions에서 verticalAlign: 'top',을 사용하는 대신 verticalAlign: 'bottom',을 그냥 추가하십시오.