2012-01-26 1 views
6

하나의 축에 "datetime"을 사용하고 다른 축에 범주를 사용하는 Highcharts를 사용하는 간단한 예제가 있습니다. 포인트없이 렌더링되며 범주 레이블이 전혀 표시되지 않습니다. 그 유형의 조합을 사용할 수 없다면 지금 궁금합니다. 코드는 다음과 같습니다."datetime"유형의 xAxis와 카테고리가있는 yAxis를 사용할 수 있습니까?

var chart = new Highcharts.Chart({ 
    chart: { 
     renderTo: 'container' 
    }, 
    xAxis: { 
     type: 'datetime' 
    }, 
    yAxis: { 
     categories: ['p1', 'p2'] 
    }, 
    series: [{ 
     type: 'scatter', 
     data: [ 
     { 
      name: 'Deliv1', 
      x: Date.UTC(2011,0,1), 
      y: 'p1' 
     }, 
     { 
      name: 'Deliv2', 
      x: Date.UTC(2012,0,1), 
      y: 'p2' 
     } 
     ] 
    }] 
    }); 
+0

+1 ... 흥미 롭지 않은 것처럼 보입니다. – gremo

답변

8

내 문제에 대한 답변은 highcharts 포럼에서 제공되었습니다. 나는 해결책이 무엇인지 여기에 다시보고하겠다고 생각했다. 나는 잘못해서 y : 'p1'과 y : 'p2'를 사용하여 점의 값을 나타 냈습니다. y 값은 실제로 카테고리의 인덱스입니다. 다음은 작동하는 업데이트 된 코드입니다.

data: [ 
    { 
    name: 'Deliv1', 
    x: Date.UTC(2011,0,1), 
    y: 0 
    }, 
    { 
    name: 'Deliv2', 
    x: Date.UTC(2012,0,1), 
    y: 1 
    } 
] 
+1

고마워요! 나는 똑같은 문제를 안고 있었지만 당신의 답을 가지고 해결했습니다! 감사 :) –

1

y 값은 숫자로 가장 할 필요가 있습니다.

아마도 실제 Y 값과 숫자 (아마도 색인)가있는 배열을 사용하여 포인트의 y 값을 숫자로, y 축 설정을 사용하여 레이블의 formatter을 추가하여 실제 y 값을 가치.

또한 최소, 최대 및 간격을 조정해야하며 툴팁을 사용하는 경우 비슷한 형식 지정 프로그램을 추가하여 y 값을 가져와야합니다.

(시간이 더 많이 걸리는 경우 예제를 만들려고합니다).

관련 문제