0

特定の時間（4月1日）から棒グラフを開始させたい

だから私は以下のサンプルでこれを実装しました：

(jsFiddle) 軸が右のサンプルですが、バーは消えますか?

以下のコードで

    yAxis: {
        type: 'datetime',
        min:Date.UTC(2010, 3, 1)
    },

yAxis は実際には 1.Apr から開始されますが、バー自体は表示されません。

以下のように最小行にコメントすると

    yAxis: {
        type: 'datetime'
        //min:Date.UTC(2010, 3, 1)
    },

バーが表示されるようになりましたが、1.Jan から yAxis のデフォルトが表示されます。

1.Apr からバーを表示し、yAxis を開始するのを手伝ってくれる人はいますか?

4

3 に答える 3

0

ご回答ありがとうございます、助かります。そして、以下のようにさらに拡張してコードを拡張しました

yAxis: {
        type: 'datetime',            
        labels: {
            formatter: function () {
                 var x=new Date(Date.UTC(2015, 3, 1)+this.value*1000*60)                     
                 return moment(x).format('MMM/DD HH:mm:ss')
            }
        }
    },

シリーズデータを

   series: [{            
        data: [{
            status:'studying',
            color: 'lime',
            x: 1,
            y: 5
        }, {
            status:'playing guitar',
            color: 'yellow',
            x: 2,
            y: 10
        }, {
            status:'exam',
            color: 'red',
            x: 2,
            y: 23
        }]
    }]

そして、各バーが持続ステータスの分数を表す積み上げバーを取得しました

ライブデモ: http://jsfiddle.net/v9582phy/11/

于 2015-07-06T15:40:03.423 に答える
0

日時軸がどのように機能するかを説明しましょう。一般に、日時軸は からのミリ秒数に基づいています1970-01-01 00:00:00。つまり、設定は 1970-01-01 00:00:00から 1970-01-01 01:00:00y: 3600 * 1000までの列をレンダリングします。チャートを 4 月 1 日に開始したいのですが、データにはそれが反映されていません。つまり、次のような情報を提供する必要があります。

    series: [{
        name: 'UP',
        color: 'lime',
        data: [{
            x: 1,
            y: Date.UTC(2015, 5, 1, 1, 0, 0) // 2015-06-01 01:00:00
            // or:
            // y: 1433120400000 
            // is the same as above use for Date.UTC()
        }]
    }]

ライブデモ: http://jsfiddle.net/v9582phy/4/

于 2015-07-06T07:19:53.050 に答える