영역 차트에 채우기 색 채우기

Question

여기 내 fiddle에 대한 링크입니다.

$(function() { 
var chartConfig = { 
    title: { 
     text: '', 
     style: 'display:none' 
    }, 
    chart: { 
     renderTo: 'container', 
     type: 'area' 
    }, 
    showAxes: false, 
    xAxis: { 
     labels: { 
      enabled: true 
     }, 
     tickLength: 0, 
     lineWidth: 0, 
     minorGridLineWidth: 0, 
     gridLineWidth: 0, 
     max: 275 
    }, 
    yAxis: { 
     labels: { 
      enabled: true 
     }, 
     title: { 
      enabled: false 
     }, 
     gridLineWidth: 0, 
     minorGridLineWidth: 0, 
     plotLines: [{ 
      value: 0, 
      width: 1, 
      color: '#808080' 
     }], 
     max: 200 
    }, 
    plotOptions: { 
     series: { 
      marker: { 
       enabled: false 
      } 
     }, 
     column: { 
      stacking: 'normal' 
     }, 
     area: { 
      pointStart: 20, 
      lineColor: '#E8D0D0', 
      lineWidth: 1, 
      marker: { 
       enabled: false, 
       symbol: 'circle', 
       radius: 2, 
       lineWidth: 1, 
       lineColor: '#666666' 
      } 
     } 
    }, 
    legend: { 
     layout: 'vertical', 
     align: 'right', 
     verticalAlign: 'middle', 
     borderWidth: 0, 
     enabled: false 
    } 
}; 
var series = [{ 
    data: [[85, 0], [155, 220]], 
    lineColor: "#E8D0D0", 
    fillColor: "#E8D0D0", 
    showLegend: false 
}, { 
    data: [[115, 0], [215, 220]], 
    lineColor: "#D1A1A1", 
    showLegend: false, 
    fillColor: "#D1A1A1" 
}, { 
    data: [[145, 0], [265, 220]], 
    showLegend: false, 
    lineColor: "#BB8977", 
    fillColor: "#BB8977" 
}]; 
    chartConfig.series = series; 
    var hChart = new Highcharts.Chart(chartConfig); 
}); 

각 데이터 시리즈 사이에 공백이 생기는 최대 범위 이후에 끝나는 일련의 데이터가 있습니다.

는 사실은 내가 그래프 이런 식으로 뭔가에 근접 할 - http://imgur.com/qyPpe6G

이 차트에 "스태킹"모드를 사용하는 방법에 대한 어떤 생각?

감사합니다. 당신이 스택해야하는 경우

Answer 1

, 당신은 예처럼 일반적인 X 값을 가져야한다

http://jsfiddle.net/DXHDT/

따라서 귀하의 경우에있을 수있는 일이 같은 :

var series = [{ 
    data: [[85, 0], [155, 220],[265, 220]], 
    lineColor: "#E8D0D0", 
    fillColor: "#E8D0D0", 
    showLegend: false 
}, { 
    data: [[115, 0], [215, 220],[265, 220]], 
    lineColor: "#D1A1A1", 
    showLegend: false, 
    fillColor: "#D1A1A1" 
}, { 
    data: [[145, 0], [265, 220]], 
    showLegend: false, 
    lineColor: "#BB8977", 
    fillColor: "#BB8977" 
}]; 

http://jsfiddle.net/43xEW/3/

감사합니다.