하나의 차트 유형 2 개?

Question

Highcharts에서 다음과 같은 차트를 생성 할 수 있습니까? 그렇다면 어떻게해야할까요?

상부 차트는 문제가되지 않는다. 또한 아래에 스택 블록이 필요합니다. 청사진으로 충분할 것입니다.

이미 Highcharts를 사용하고있는 동료로부터 프로젝트를 상속 받았으며 지금은 기능을 확장해야합니다.

Answer 1

예, 가능합니다. 나는 당신이하고 싶은 것을 시뮬레이션하기 위해 jsfiddle을 조합했다.

http://jsfiddle.net/vbpDS/4312/

그래서 중요한 부분 : 시리즈의 컬렉션에서

, 당신은 당신의 기본 유형이 라인에 설정되어있는 경우 (특정 일련의 컬럼 형으로 할 것인지를 알려줄 필요 즉, 계열에서 정의되지 않은 유형 인 경우 기본값이 설정된 값으로 자동으로 그려집니다.

chart: { 
     renderTo: 'container', 
     defaultSeriesType: 'line' 
    }, 
    series: [{ 
     type: 'column', 
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4], 
     stack:'1' 

    },{ 
     type: 'column', 
     data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4], 
     stack:'1' 

    } 
      , { 
     data: [129.9, 271.5, 306.4, 29.2, 544.0, 376.0, 435.6, 348.5, 216.4, 294.1, 35.6, 354.4] 

    },{ 
     data: [100, 110, 120, 130, 140, 150, 140, 130, 120, 110, 100, 110] 
    }] 

이제 열을 쌓기를 원하기 때문에 어떤 데이터 그룹을 서로 쌓아야하는지 알려줘야합니다. 그래서 스택 속성을 원하는 것으로 설정하지만 일치하는지 확인하면 함께 묶일 수 있습니다.

편집 : Btw 하이 차트 API 문서가 훌륭합니다! 자세한 내용은 다음을 확인하십시오. http://www.highcharts.com/ref/