하이 차트를 사용하여 대수 (로그) 스케일로 누적 영역 차트를 만드는 방법은 무엇입니까?

Question

두 개의 데이터 포인트 시리즈가 있습니다. Highcharts JS (자바 스크립트 라이브러리)를 사용하여 스택 영역 차트를 생성하고 싶습니다. 이것은 간단합니다.

그러나 몇 달 동안 데이터 포인트가 매우 높기 때문에 Y 축에 대수 스케일을 사용하고 싶습니다.

문제는 다음과 같습니다. 생성 된 차트에서 기본 y 축을 사용할 때와 같이 하단 라인 아래의 음영이 음영 처리되지 않습니다. 여기

코드의 내가 가진 :

는

$(function() { 
    var chart = new Highcharts.Chart({ 

     chart: { 
      type: 'area', 
      renderTo: 'container' 
     }, 

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

     yAxis: { 
      type: 'logarithmic' 
     }, 
     plotOptions: { 
      area: { 
      stacking: 'normal' 
      } 
     }, 
     series: [{ 
      data: [10, 29, 45, 1200, 25, 19, 70], 
     },{ 
      data: [5, 10, 30, 800, 20, 30, 20], 
     } 
       ] 

    }); 
}); 

당신은 여기를 시도 할 수 있습니다 : http://jsfiddle.net/CK8vf/

내가 허용되지 않는 문제가 Y의 최소 값이 0이 아닌 1이 될 수 있다고 생각 대수 규모의 경우.

이 아이디어를 만드는 방법에 대한 아이디어가 있으십니까?

감사합니다.

Answer 1

당신은 단지 plotOptions 설정을 제거하면됩니다. 어떤 이유로 든 스태킹은 '보통'두 데이터 시리즈를 서로 다른 눈금으로 배치하는 것처럼 보입니다. 그것 없이는 둘 다에서 채우기를 얻을 수 있습니다.

그래서 :

$(function() { 
var chart = new Highcharts.Chart({ 

    chart: { 
     type: 'area', 
     renderTo: 'container' 
    }, 

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

    yAxis: { 
     type: 'logarithmic' 
    }, 
    series: [{ 
     data: [10, 29, 45, 1200, 25, 19, 70], 
    },{ 
     data: [5, 10, 30, 800, 20, 30, 20], 
    } 
      ] 

}); 
});