하이 차트의 마스터 세부 정보 차트의 입력을 수동으로 공급하려면 어떻게해야합니까?

Question

여기 시각으로 나는 Highcharts '마스터 세부 차트를 사용하려면 : http://www.highcharts.com/demo/dynamic-master-detail

그러나, 나는 자동으로 데이터의 각 지점에 날짜 값을 할당하는 스크립트의 순서를 간격을 사용하지 않으려는 내 데이터 때문에, 반드시 연속적이지는 않습니다. 예 : 나는 1 분 동안 데이터를 가지고있을 것이고 다음 분 동안은 아무 것도 없을지도 모른다.

이상적으로이 차트에서 3 일을 시각화하고 싶습니다. 각 포인트는 특정 날짜의 특정 분의 값입니다.

어떻게 할 수 있습니까? 필요한 경우 다른 라이브러리를 사용해도 상관 없습니다.

나 자신을 분명히하지 않았거나 추가 정보가 필요한지 알려주세요.

감사합니다.

Answer 1

시리즈 개체의 데이터 속성은 값의 배열을 제외 할 수 있습니다.이 경우 데이터는 동일한 간격으로 간주됩니다. 또는 배열의 배열을 전달할 수 있습니다. 여기서 외부 배열의 크기는 점의 수와 같고이 배열의 각 요소는 크기가 2 인 다른 배열이며 첫 번째 요소는 epochTime이고 두 번째 요소는 값입니다. 문서

data : Array<Mixed>

시리즈의 데이터 포인트의 배열의 http://www.highcharts.com/stock/ref/#series--data

발췌 @

문서 아래에 설명 된대로 세 번째 옵션도 있습니다. series 객체는 점의 우선 순위가 낮을 것으로 예상합니다. 그 이유는 성능을 향상시키기 위해서입니다. 대부분의 경우 데이터가 서버에서 가져 오지 만 서버에서 정렬하여 클라이언트 리소스를 절약하는 것이 더 편리합니다. 포인트는 세 가지 방법으로 부여 할 수 있습니다.

숫자 목록. 이 경우 숫자 값은 y 값으로 해석되며 x 값은 0에서 시작하여 1 씩 증가하거나 plotOptions에 지정된 pointStart 및 pointInterval에서 자동으로 계산됩니다. 예 :

data: [0, 5, 3, 5] 

두 값이있는 배열의 목록입니다. 이 경우 첫 번째 값은 x 값이고 두 번째 값은 y 값입니다. 첫 번째 값이 문자열이면 점의 이름으로 적용되고 위의 규칙에 따라 x 값이 증가합니다. 예 :

data: [[5, 2], [6, 3], [8, 2]] 

명명 된 값을 가진 개체 목록. 이 경우 객체는 options.point 아래에 표시된 점 구성 객체입니다. 예 :

data: [{ 
    name: 'Point 1', 
    color: '#00FF00', 
    y: 0 
}, { 
    name: 'Point 2', 
    color: '#FF00FF', 
    y: 5 
}] 

View JSFiddle Example