0

縦棒グラフ、人々の睡眠時間(私のy)をプロットしようとしています。

私の一連のデータは、毎日の睡眠時間と起床時間 (x 軸) で構成されています。列範囲の例を変更しようとしましたが、単純な数値の代わりに日付をシリーズに入れるとすぐにグラフが表示されません。

私は以下のコードを使用しています - これについてのご意見をお待ちしております。

ありがとう

  $(function () {

$('#container').highcharts({

    chart: {
        type: 'columnrange',
        inverted: true
    },

    title: {
        text: 'Sleeping time per day'
    },

    subtitle: {
        text: 'Observed in 2013'
    },

    xAxis: {
        categories: ['02/07/2013', '03/07/2013', '04/07/2013']
    },

    yAxis: {
        title: {
            text: 'Time'
        },
        type: 'datetime'
    },

    plotOptions: {
        columnrange: {
            dataLabels: {
                enabled: true,
                formatter: function () {
                    return this.y;
                }
            }
        }
    },

    legend: {
        enabled: false
    },

    series: [{
        name: 'Leo',
        data: [
            [date.UTC(2013,07,02,21,0,0), date.UTC(2013,07,03,4,0,0)],
            [date.UTC(2013,07,02,21,0,0), date.UTC(2013,07,03,5,0,0)],
            [date.UTC(2013,07,02,21,0,0), date.UTC(2013,07,03,6,0,0)]
        ]
    }]
});
});
4

1 に答える 1

0

Dateの代わりにオブジェクトを使用する必要がありdateます。

http://jsfiddle.net/XBmB5/

于 2013-07-08T12:57:59.390 に答える