1

[x, y] 形式のデータ シリーズを含む積み上げグラフでは、左側と右側に大きな余白があります。サンプルデータを使用して次の jsfiddle を作成しました。

http://jsfiddle.net/ymyA/4/

チャートのコードは次のとおりです。

    $(function () {
        var chart = new Highcharts.Chart({
            chart: {"renderTo": "container", "type": "column"},
            colors: ["#2f7ed8", "#0d233a", "#8bbc21", "#910000", "#1aadce", "#492970", "#f28f43", "#77a1e5", "#c42525", "#a6c96a", "#4572A7", "#AA4643", "#89A54E", "#80699B", "#3D96AE", "#DB843D", "#92A8CD", "#A47D7C", "#B5CA92"],
            credits: {"enabled": false},
            plotOptions: {"column": {"stacking": "normal"}},
            series: [
                {"name": "Muster1", "data": [
                    [11, 1],
                    [32, 1]
                ]},
                {"name": "Muster2", "data": [
                    [11, 7],
                    [12, 4],
                    [14, 4],
                    [15, 1],
                    [16, 1],
                    [17, 4],
                    [18, 6],
                    [19, 2],
                    [20, 1],
                    [21, 1],
                    [22, 1],
                    [25, 3],
                    [26, 2],
                    [28, 1],
                    [29, 1],
                    [30, 1]
                ]},
                {"name": "Muster 3", "data": [
                    [11, 2],
                    [13, 2],
                    [15, 1],
                    [16, 3],
                    [18, 5],
                    [19, 11],
                    [20, 8],
                    [21, 1],
                    [23, 3],
                    [24, 12],
                    [27, 3],
                    [28, 4],
                    [30, 3],
                    [31, 3],
                    [33, 3],
                    [34, 3]
                ]}
            ],
            title: {"text": null},
            xAxis: {"title": {"text": "Week"}},
            yAxis: {"title": {"text": "Count"}}
        });
    });

最小値と最大値、カテゴリなどを試してみましたが、何もうまくいきませんでした。グラフをフル サイズで表示するにはどうすればよいですか?

コードと jsfiddle を適切な並べ替えで更新しました。3.05 ではなく 3.0 を使用していたため、コンソールにエラーはありませんでした。最新バージョンでは、問題が残っています。1 つは上記の右側と左側の大きなマージンであり、もう 1 つは (tickInterval を使用しても) 暦週ごとにティックを設定できないことです。上記のサンプルに基づいて、チャート全体は x=11 から x=34 までの範囲で、各 x に目盛りが付いている必要があります。

4

1 に答える 1

1

The problem is with calculated pointRange for first series - when you have only two points, for x=11 and x=31 it is assumed that minimum interval between points in that series is 20, so Highcharts will try to set interval something about 20. For such cases you need to use pointRange for example set it to 1, see: http://jsfiddle.net/ymyrA/5/

于 2013-08-30T09:34:30.957 に答える