2

y 軸の時間形式 hh:mmを入力する必要があります。たとえば、y 軸には 16:00、32:00 などのティックまたは類似のものが必要です。
私はハイチャートを扱ってきました-JSとWebプログラミングは初めてです。
データをミリ秒単位で hh:mm 形式に変換しますが、ミリ秒が86400000 (24 時間)を超えると次の日付が表示され、時間:分形式で表示する必要があります。
それを行う方法はありますか？type: 'datetime'y 軸を からに変更しようとしましたtype: 'time'が、あまり役に立ちませんでした。これが私のチャートのjsfiddleの例で、以下はjsコードだけを見つけることができます。

$(function () {
        $('#container').highcharts({
            chart: {
                type: 'column'
            },
            xAxis: {
                categories: [
                    'Jan',
                    'Feb',
                    'Mar',
                    'Apr',
                    'May',
                    'Jun',
                    'Jul',
                    'Aug',
                    'Sep',
                    'Oct',
                    'Nov',
                    'Dec'
                ]
            },
            yAxis: {

                title: {
                    text: 'Time (hh:mm)'
                },
                type: 'datetime',
                dateTimeLabelFormats: {
                hour: '%H:%M'
            }
            },
            plotOptions: {
                column: {
                    pointPadding: 0.2,
                    borderWidth: 0
                }
            },
            series: [{
                name: 'Tokyo',
                data: [0, 0, 0, 0, 76320000, 25920000, 102840000, 0, 0, 0, 0, 0]

            }]
        });
    });
4

2 に答える 2

1

次に、独自の書式設定方法を使用することをお勧めします。ここでは、書式設定をより細かく制御できます。以下に示すように、フォーマッターを使用できます。

yAxis: {
    labels: {
        formatter: function () {
            //get the timestamp
            var time = this.value;
            //now manipulate the timestamp as you wan using data functions
        }
    }
}

これが必要なものを達成するのに役立つことを願っています。

于 2013-11-07T13:13:43.553 に答える