범례의 범례 기호

실제 차트에서 크기가 다르기 때문에 기호가 다양한 크기로 표시되는 하이 차트 범례가 있습니다. 불행히도 데이터 포인트의 크기가 커지면 범례에서 커집니다. 데이터 포인트 크기에 관계없이 범례 기호가 같은 크기로 유지되기를 바랍니다.범례의 범례 기호

다음은 데이터 포인트가 그래프로 증가한 예입니다. 그것은 중요한 경우에, 내가 사용하고있는 실제 그래프는 (예제와 달리) 산점도입니다. http://jsfiddle.net/RsUhk/

어떤 도움

이 많이 감사합니다!

출처

2012-05-11 Robert

개인적으로 나는 라인 마커 : {radius : 20}이 왜 그렇게 큰지에 대해서는 알지 못합니다 ... – Steve

전설 표식이 머무르는 동안 마커를 한 크기로 만들 수있는 방법을 찾고 싶습니다. 표준 반경 : 5 - 기본값이 무엇이든간에 – Robert

이것은 조금 해킹되지만 내가 생각할 수있는 최선입니다. 플롯을 그릴 후, 수동으로 전설 기호를 조정합니다

$(chart.series).each(function(){ 
    this.legendSymbol.attr('width',8); 
    this.legendSymbol.attr('height',8); 
    this.legendSymbol.attr('x',this.legendLine.attr('translateX')-17); 
    this.legendSymbol.attr('y',this.legendLine.attr('translateY')-4); 
});

은 바이올린 here 업데이트되었습니다.

출처

2012-05-12 16:27:22 Mark

감사합니다. 해키이든 아니든, 나는 이걸 멋지게 연주해야한다. – Robert

HighCharts에서이 예제를 사용했습니다.이 예제는 제 상태에서 흩어져있는 그래프 (라인이 아님)를 사용하고 있다는 사실을 닮았습니다. 따라서 legendLine은 존재하지 않습니다. 나는 이런 식으로 시도했다. this.legendSymbol.translate (-10, -10) .attr ({height : 10, width : 10}); 위치 지정이 꺼져 있습니다. 새로운 차원에 따라 성공적으로 위치를 재조정하는 방법을 모르겠습니다. Mark? – Robert

참고 : legendSymbols 크기는 동적으로 할당되며 크기가 거의 다르게 보장됩니다. – Robert

범례의 범례 기호

답변

관련 문제