2013-08-01 5 views
1

스택 된 컬럼과 2 개의 스플라인이있는 하이 차트가 있습니다. 기본 yAxis는 누적 열의 y 값을 나타내고 보조 yAxis는 2 스플라인을 나타냅니다. demo을보고 스플라인의 y 값 중 하나가 올바르게 표시되지 않습니다. 스플라인의 점에 마우스를 가져 가면 데이터가 정확하지만 y 축척이 표시되지 않음을 알 수 있습니다. "stacking : normal"설정을 주석 처리하면 스플라인이 올바르게 표시됩니다.highcharts 스택 된 열과 스플라인 엉망진창 yAxis 디스플레이

http://jsfiddle.net/chicmob/w2Tux/

이는 highcharts 버그 아니면 내가 간과 다른 설정이있다?

 chart: { 
     type: 'column' 
    }, 
    xAxis: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    }, 

    plotOptions: { 
     series: { 
      stacking: 'normal' 
     } 
    }, 
    yAxis: [{ // Primary yAxis 
     min: 0, 
     max: 400, 
     tickInterval:100, 
    }, { // Secondary yAxis 
     min: -40, 
     max: 100, 
     tickInterval: 20, 
     opposite : true, 
    }],   

    series: [{ 
     yAxis : 0, 
     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] 
    }, { 
     yAxis : 0, 
     data: [144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2] 
    }, {  
     yAxis : 1, 
     type : 'spline', 
     data: [35, 60, 77, 56.7, 34, 55, 66, 72, 90, 45, 56, 60] 
    } , {  
     yAxis : 1, 
     type : 'spline', 
     data: [24.3, 12, 41.2, 12.1, 4, 45, 31, 21.5, 9.3, 7.7, 13, 22] 
    }] 

답변

1

모든 시리즈에 스태킹을 적용하고 있습니다. 정말로, 첫 번째 2 시리즈에만 적용하고 싶을 때. plotOptions에서 '정상'과 1이 시리즈에 넣어 : 스태킹 가지고

$('#container').highcharts({ 
    chart: { 
     type: 'column' 
    }, 
    xAxis: { 
     categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
    }, 

    yAxis: [{ // Primary yAxis 
     min: 0, 
     max: 400, 
     tickInterval:100 
    }, { // Secondary yAxis 
     min: -40, 
     max: 100, 
     tickInterval: 20, 
     opposite : true 
    }],   

    series: [{ 
     yAxis : 0, 
     stacking: 'normal', 
     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] 
    }, { 
     yAxis : 0, 
     stacking: 'normal', 
     data: [144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2] 
    }, {  
     yAxis : 1, 
     type : 'spline', 
     data: [35, 60, 77, 56.7, 34, 55, 66, 72, 90, 45, 56, 60] 
    } , {  
     yAxis : 1, 
     type : 'spline', 
     data: [24.3, 12, 41.2, 12.1, 4, 45, 31, 21.5, 9.3, 7.7, 13, 22] 
    }] 
}); 

http://jsfiddle.net/w2Tux/2/

+0

당신에게 바바라 감사합니다! –

+0

Tnx! 하이 차트에서 yAxis가 누락 된 사례 : 0,1 – Quake1TF