2013-03-17 67 views
1

我的图表中的y轴被颠倒过来并具有填充区域,这将填充区域放在样条线上方。当轴逆转时,是否有办法将填充区域保持在样条线之下?highcharts颠倒yAxis,但保持填充区域低于样条?

的工作jsfiddle here

$(function() { 
    var chart; 
    $(document).ready(function() { 
     chart = new Highcharts.Chart({ 
      chart: { 
       renderTo: 'container', 
       type: 'areaspline' 
      }, 
      title: { 
       text: 'Average fruit consumption during one week' 
      }, 
      legend: { 
       layout: 'vertical', 
       align: 'left', 
       verticalAlign: 'top', 
       x: 150, 
       y: 100, 
       floating: true, 
       borderWidth: 1, 
       backgroundColor: '#FFFFFF' 
      }, 
      xAxis: { 
       categories: [ 
        'Monday', 
        'Tuesday', 
        'Wednesday', 
        'Thursday', 
        'Friday', 
        'Saturday', 
        'Sunday' 
       ] 
      }, 
      yAxis: { 
       title: { 
        text: 'Fruit units' 
       }, 
       reversed:true, 
      }, 
      tooltip: { 
       formatter: function() { 
        return ''+ 
        this.x +': '+ this.y +' units'; 
       } 
      }, 
      credits: { 
       enabled: false 
      }, 
      plotOptions: { 
       areaspline: { 
        fillOpacity: 0.5 
       } 
      }, 
      series: [{ 
       name: 'John', 
       data: [3, 4, 3, 5, 4, 10, 12] 
      }, { 
       name: 'Jane', 
       data: [1, 3, 4, 3, 3, 5, 4] 
      }] 
     }); 
    }); 

}); 

回答

4

如果你改变了阈值是这样jsfiddle

highcharts门槛裁判here

plotOptions: { 
       areaspline: { 
        fillOpacity: 0.5, 
        threshold: 12 
       } 
+1

有没有办法让阈值到图表的底部而不管数字是多少? – Anagio 2013-03-17 15:34:04

+0

@Anagio你能更具体吗?因为当你在底部设置阈值时,那么数据应该如何显示在它的下面? – 2013-03-18 11:30:37

+0

@SebastianBochan我的意思是,如果我设置了阈值50,则填充颜色从线条向下到50 Y网格线。我需要将它延伸到图表的最底部 – Anagio 2013-03-18 22:43:32

1

什么工作对我来说是明确设置门槛为null :

{ 
    ... (other series properties) 
    threshold: null, 
    ... 
}