일반적으로 세로 막 대형 차트에 사용자 지정 표식을 추가 할 수는 없지만 비슷한 동작을 추가 할 수는 있습니다. 나는 산란 시리즈에 대한 사용자 정의 마커와 간단한 예제를 만든 당신은 전설에 더 많은 시리즈를 추가 할 경우에 유용합니다 : http://jsbin.com/oyudan/37/edit를 (아니, 단지 showInLegend: false
을 설정 한 경우)
Highcharts.updateMarketMarkers = function (chart) {
/* get category width */
var catWidth = chart.xAxis[0].width/chart.xAxis[0].categories.length;
/* get padding of each column (two sides) */
var catPadding = chart.series[0].options.pointPadding * catWidth;
/* actual value - padding - symbol width/2 */
chart.series[2].markerGroup.translate(chart.series[2].markerGroup.translateX - 2 * catPadding - chart.series[2].data[0].shapeArgs.r/2);
};
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'column',
showAxes: false,
events: {
load: function() {
Highcharts.updateMarketMarkers(this);
},
redraw: function() {
Highcharts.updateMarketMarkers(this);
}
}
},
...
또 다른 해결책은 사용자 정의 그릴 Highcharts 렌더러를 사용하는 것입니다 특정 장소에서 모양. 여기 렌더러에 대한 자세한 내용을 볼 수 있습니다 : http://api.highcharts.com/highcharts#Renderer
Thanks Pawel. 하이 드 랫즈 http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com에서이 예제와 같은 특정 지점 근처에서 이미지/텍스트 위치를 지정할 수있는 렌더러 라우트를 종료했습니다./tree/master/samples/highcharts/members/렌더러 온 차트 / – user2081195