2016-06-22 3 views
1

가장 작은 값의 열을 앞으로 (더 높은 z- 색인) 강제로 표시하려면 열 표시를 정렬하는 방법이 있습니까?하이 차트의 그룹화되지 않은 열 순서 지정

다음은 plotOptions열에서 설정을 grouping: false를 설정하여 달성되는 non-grouped column chart,입니다.

아이디어는 항상 작은 막대를 맨 위에 놓는 것입니다 (막대가 여러 개인 경우 높이가 큰 막대를 계속해서 쌓아 올리십시오). 이 예제는 투명성을 사용하여 그 문제를 회피합니다. 그러나 새 색상은 범례에 반영되지 않습니다.

나는 Highcharts API을 샅샅이 조사했지만 많은 정보를 찾을 수 없었습니다.

+0

질문에 대한 간단한 해결책을 찾기가 어렵다고 생각합니다. 문제를 해결할 수있는 사용자 지정 함수를 작성할 수 있습니다. 이 예제를보십시오 : http://jsfiddle.net/w123o1je/10/ –

+0

모든 시리즈의 포인트는 동일한 그래픽 그룹에 속해 있으며 각 시리즈는 고유 한 그룹을 가지고 있으므로 다른 z- 인덱스를 설정할 수 없습니다 첫 번째 시리즈의 나머지 부분은 아래에있는 반면, 다른 시리즈의 맨 위에 배치하기위한 일련의 지점입니다. 더 많은 시리즈를 만들 수 있습니다. 각 시리즈는 Z- 인덱스를 설정할 수 있습니다. –

답변

1

묻는대로하려면 각 시리즈의 각 데이터 요소에 대해 Z- 색인 값을 설정해야합니다 (각 데이터 포인트에 고유 한 색상을 설정하는 방법과 유사) (예 : data: { y: 10, color: 'blue' }) .

하이 차트 API는 개별 데이터 요소의 Z- 색인 값을 인식하지 못합니다. 다른 Z- 색인 값은 시리즈 수준에서만 적용될 수 있습니다.

당신은 "고정 배치 열"데모에서와 같이, 다른 폭이 반투명 열을 고려할 수 있습니다

: http://www.highcharts.com/demo/column-placement

나는이 정보가 당신에게 도움이되기를 바랍니다.

+0

도움이됩니다. 넓은 열은 매력적이지 않으며 반투명은 접근 용이성을위한 나쁜 UX입니다. 이 시리즈의 문제점은 여전히 ​​다른 사람들을 우스꽝스럽게 할 몇 가지 포인트가 있다는 것입니다. 그룹화되지 않은 열이 5 개있는 경우 이는 많은 설정입니다. – vol7ron

관련 문제