3

テストは次のとおりです。

$(function() {
var chart;
$(document).ready(function() {
    chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'column'
        },
        title: {
            text: 'Long xAxis legends',
        },
        xAxis: {
            categories: ['a long category name', 'another long category name', 'a very long category name', 'Thats enormous', 'short', 'a long category name', 'another long category name', 'a very long category name', 'Thats enormous', 'short'],
            labels:{
               rotation:90,
               y:100,
            },
        },
        series: [
            {
            name: 'Some values',
            data: [10, 20, 53, 2.51, 1.35, 10, 20, 53, 2.51, 1.35],
            },
            {
            name: 'Other values',
            data: [22.40, 0.15, 40, 10.73, 13, 22, 15, 40.11, 10, 13],
            }
        ],
        legend: {
            layout: 'vertical',
            align: 'top',
            verticalAlign: 'top',
            x: 50,
            y: 65,
            borderWidth: 0,
            margin: 30
        },
    });
});

}); http://jsfiddle.net/Y5Qhm/1/

上揃えの垂直 xAxis ラベルを持つグラフが必要です。

私の実際のケースでは、もっと多くのデータがあるので、回転以外のことはできません。

xAxis パラメータを試しました: http://api.highcharts.com/highcharts#xAxis.labels

整列でうまくいくと思いましたが、回転パラメータに追加すると、チャートが壊れます。

前もって感謝します。

4

1 に答える 1

6

使用する：

align: 'top'

このような：

labels:{
   rotation:90,
   align: 'top'
   //y:100,
},

jsFiddle: http://jsfiddle.net/Y5Qhm/2/

于 2013-06-12T18:03:15.387 に答える