Highcharts 전설 아이템 텍스트 정렬

나는 다음과 같은 문제가 있습니다 전설 : 나는 다음과 같은 방법으로 전설의 텍스트를 정렬하고 싶은 을Highcharts 전설 아이템 텍스트 정렬

[COLOR1] TITLE1 : -------- ------- 100.000.000 €

[COLOR2] Title23343334 ----- 100.000.000 €

[Color3] Title23343334 ------ 10.000.000 €

어떻게 할 수 있는지 알고 계십니까?

출처

2015-01-29 cimbom

이 경우 useHTML : true로 설정하고 labelFormatter 함수에서 html 요소를 정의하고 CSS를 통해 해당 요소의 너비를 설정해야합니다.

예 :

http://jsfiddle.net/jlbriggs/yra1rw51/

(이 작업을 수행하기 위해 HTML과 CSS를 설정하는 여러 가지 방법이 있습니다 - 이것은 단지 하나의 예입니다)

출처

2015-01-29 14:08:40 jlbriggs

도움에 감사드립니다. 하지만 표준 버전에서와 같이 범례 항목의 아이콘과 범례 항목의 제목 사이에 공백이 없도록 CSS를 조정하려면 어떻게해야합니까? 귀하의 예에서는 약간의 공간이 있습니다. 왜냐하면 디스플레이 때문에 : 나는 inblock-property라고 생각합니다. 내가 그것을 삭제하면, 숫자는 귀하의 예제 에서처럼 오른쪽 정렬되지 않습니다. – cimbom

간격은 여백 및 패딩 설정의 문제입니다. 간단히 그걸 제거하십시오 : http://jsfiddle.net/jlbriggs/yra1rw51/10/ – jlbriggs

대단히 감사합니다. – cimbom

당신은 itemWidth을 정의 할 수있는 각 범례 항목의 static with를 정의하십시오.

출처

2015-01-29 15:01:28

전설적인 레이아웃이 수평 일 때 이것이 유용하다는 것을 알았습니다. 전설 항목이 하나씩 아래에 있도록 세로 레이아웃을 사용합니다. – cimbom

itemWidth를 적용 할 수 있기 때문에 문제가있는 곳을 알려주십시오. –

Sebastion - 문제는 항목 너비가 아닙니다. 사용자는 범례 텍스트의 첫 번째 부분에 대해 고정 폭을 원하고 그 오른쪽에 해당 항목의 데이터 값을 정렬합니다. – jlbriggs

Highcharts 전설 아이템 텍스트 정렬

답변

관련 문제