2013-04-10 3 views
1

오류 # - X 축과 Y 축에서 타이틀 버블 차트 :Highcharts - 나는 다음과 같은 경우에 대한 Highcharts 버블 차트 보여줄 수있는 방법을 찾고 있어요 (14)

난에 프로젝트 이름을 표시 할을 Y 축 (예 : "tom", "bill", "john")의 X 축 ("프로젝트 a", "프로젝트 b") 및 팀원 이름 거품은 각 프로젝트에서 각 팀 구성원이 소비 한 시간을 시각화하기위한 것입니다.

데이터 시리즈는 [ 'project a', 'tom', 25.0], [ 'project b', 'john', 12.5] ...와 같아야하지만 결과는 "Highcharts Error # 14 : series.data로 보낸 문자열 값, 예상 숫자 "

번호 대신 x 및 y 축에 문자열 값이있는 Highcharts 버블/3D 버블 차트를 사용할 수 있습니까? 비슷한 것을 달성 하는가?

모든 안내를 받으실 수 있습니다.

감사합니다.

답변

7

당신이 말하는 것은 모두 범주 형 축입니다. 트릭이 필요하지 않습니다.

http://jsfiddle.net/jlbriggs/36zn2/1/

 xAxis: { 
      categories:['Project 1', 'Project 2', 'Project 3'] 
     }, 
     yAxis: { 
      categories:['User 1', 'User 2', 'User 3'] 
     }, 

데이터에서 사용하는 수치 카테고리의 배열 인덱스이다.

+0

감사합니다. 사용하기가 더 쉽습니다. –

+0

제가 이와 같은 정보를 사용 : 시리즈 [ { 데이터 [ {X : 3.5, Y 4, Z : 5 : 컬러}, '청색' {X : 7, Y 7, Z 3 색상 :} '청색' {X 4, Y : 8, Z : 6 : 컬러, '청색'} ] } ] 는 상기와 같이 I은 X AXYS 설정할 xAxis : { 카테고리 : [Project 1], [Project 2], [Project 3]] }, 하지만 dosent 작업에는 x 값이 표시됩니다. 무엇을 할 수 있습니까? –

+0

x 축에서 범주를 사용하는 경우 x 축 값이됩니다. 데이터에 x 값을 표시하려면 범주를 제거하십시오. – jlbriggs

1

나는 여기 당신을 도울 http://jsfiddle.net/36zn2/ 무언가를했습니다.

숫자 프로젝트 코드와 스태프 코드를 배열의 텍스트로 변환하는 포맷터 함수를 사용하여 x 및 y 축 레이블을 계산합니다. 당신이 당신의 데이터의 형식을 변경할 수없는 경우

var names = ["DAVE","JOHN"]; 
var projects = ["Project 1","Project 2"]; 


    xAxis: { 
     labels: {tickInterval:1, 
      formatter: function() { 
       return projects[this.value] 
      } 
     } 
    }, 

    yAxis: { 
     labels: { 
      formatter: function() { 
       return names[this.value] 
      } 
     } 
    }, 

, 당신은 데이터 플러스 매핑 배열의 숫자 버전을 만들 프로젝트 이름 및 직원 이름의 매핑을 구축하는 데이터 배열을 반복 할 수 있습니다.

+0

위대한 해결책, 고마워요! –

관련 문제