如何使用Highcharts创建具有对数（对数）比例的堆积面积图？

Question

我有两个系列的数据点。我想使用Highcharts JS（JavaScript库）生成堆积面积图。这很简单。

但是，现在我想使用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的最小值是1，不为0，这是不允许的为对数尺度。

任何想法如何使这项工作？

谢谢

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], 
    } 
      ] 

}); 
});