1

我有两个系列的数据点。我想使用 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,这对于对数刻度是不允许的。

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

谢谢

4

1 回答 1

0

You just need to remove your plotOptions settings. For some reason the stacking: 'normal' appears to put the two data series on different scales. Without that, you will get the fill under both.

So:

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

}); 
}); 
于 2013-02-27T18:34:26.217 回答