1

2 つの一連のデータ ポイントがあります。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 の最小値が 0 ではなく 1 である可能性があると思います。これは、対数スケールでは許可されていません。

これを機能させる方法はありますか？

ありがとう

4

1 に答える 1

0

plotOptions 設定を削除するだけです。何らかの理由で、stacking: 'normal' は 2 つのデータ系列を異なるスケールに置いているように見えます。それがなければ、両方の下に塗りつぶされます。

そう：

$(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 に答える