Highcharts 마커 번역 오류

Question

나는 다음과 같은 반영하도록하는 highcharts 그래프 만든 흩어 :

내가 그래프 마커로 삼각형 이미지를 사용하고,하지만 기본적으로 마커 바 중앙에 위치해 있습니다. 번역 기능을 사용하려고 시도했습니다.

chart.series[1].data.graphic.translate(0, 20); 

그러나 이것은 도움이되지 않는 것 같습니다.

barchartFiddle

나는 또한 내가 그 술집과 함께 이동하는 것처럼의 상단에 백분율을 추가하는 방법 궁금 해서요 : 여기 내 전체 코드입니다. 또한, 나는 사용하여 시도했다 (다른 CSS 속성 + 높은 Z- 색인을 여러 버전을 - 나는 기본 나열됩니다) 아래 3 조건을 추가 할

chart.renderer.text('blah',50,50).add(); 

을하지만, 어떤 이상한 이유로, 텍스트가 나타 없습니다. 마지막으로, 데이터에 따라 텍스트의 모양을 바꾸기 위해 추가 할 논리가 무엇인지 궁금합니다 (허용되는 것과 유의 한 차이가있는 노트 차이)

Answer 1

jsFiddle에서 콜백 함수를 잘못된 위치에 추가했습니다. 올바르게 추가해야 제대로 작동합니다.

function(chart) { 
    var marker = chart.series[1].data[0]; 
    marker.graphic.translate(-20, 0); 
} 

데이터 라벨을 사용하여 마커 부근의 백분율 값을 표시 할 수 있습니다. 여기

dataLabels: { 
    enabled: true, 
    x: -5, 
    y: 10, 
    style: { 
     fontSize: 20 
    }, 
    formatter: function() { 
     return this.y + '%' 
    } 
    } 

당신은 그것을 작동하는 방법을 예를 찾을 수 있습니다 http://jsfiddle.net/2TuCW/341/